我这样使用bootstrap3按钮



当用户单击按钮时,它将渲染模型;当用户关闭模型时,
该按钮不会恢复为旧的背景色。



用户必须单击bg页面或单击页面中的任何内容,然后bg颜色按钮将恢复为旧颜色。

用户关闭模型后,如何将bg颜色恢复为第一个颜色?

CSS:

*:focus {
  outline:none !important;
}


单击按钮删除使用时的轮廓。

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

谢谢。

最佳答案

对于迄今为止使用过引导程序的任何人来说,问题都是显而易见的。有人应该已经做过,但是编码很难。这是我的解决方案:

<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相同的颜色。您可以在样式表中添加任何类型的引导按钮的代码,从而导致重排,但是我宁愿从引导css中删除焦点部分。

希望能帮助到你。

关于css - 用户解除阻止时如何删除:focus,:active css,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/30149466/

10-11 22:15
查看更多