我这样使用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/