如何删除：focus，：用户解除阻塞时的活动css

Question

我像这样使用bootstrap3按钮

当用户单击按钮时，它会渲染模型，并在用户关闭模型时使用 按钮不会返回旧的bg颜色。

用户必须单击bg页面或单击页面中的任何内容，然后按钮bg颜色将返回旧页面。

如何在用户关闭模型后将bg颜色返回到第一个颜色？

CSS：

*:focus {
  outline:none !important;
}

删除使用时的轮廓按钮。

这是jsfiddle：http://jsfiddle.net/etfu9zev/

感谢。

Answer 1

对于那些曾经使用过bootstrap的人来说，问题很明显。有人应该已经开始研究它，但编码很难......这是我的解决方案：

<div class="container-fluid">
<div class="row">
    <div class="col-lg-6 col-md-6 col-sm-6">
        <br/>
        <button type="button" class="btn btn-success">Something</button>
    </div>
</div>

*:focus {
    outline:none !important;
}
body{
    background:#DDD;
}
.btn-success:focus{
    background-color: #5CB85C;
}

一个jsFiddle说明了它。

您所要做的就是使 .btn-something：focus 与 .btn-something 具有相同的颜色。你可以在样式表中为任何类型的bootstrap按钮添加代码，导致重排，但我宁愿从bootstrap css中剪切焦点部分。

希望它有所帮助。