如何在按钮单击时在按钮上方添加水平线

Question

我目前正在使用一个引导菜单，它在按钮点击时有一个下拉元素。

我想在点击时显示水平线但不能在点击功能上使用边框，因为这会将内容向下推。

我尝试使用伪元素:before，但是没有看到任何关于如何在JS中使用on click函数添加伪元素的解决方案。

如果有人有任何解决方案，请告诉我。

Answer 1

你想添加border-bottom：1px solid＃000喜欢点击按钮吗？ 也许我们也需要看到HTML。边境底部不会推迟内容。但是如果css没有任何有意义的元素，那么只需将水平线置于绝对位置。

$("button").click(function(){
    $("#yourdivclass").css("border-bottom", "1px solid #000");
});