如何去除：重点：积极CSS当用户放开

Question

我使用这样

bootstrap3按钮，当用户点击该按钮，它渲染模型，当用户关闭了模型 按钮不回到旧的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-东西：集中有颜色.btn出头相同。你可以在你的样式表中添加任何类型的引导按钮的代码，导致回流，但我宁愿从引导CSS剪下焦点部分。

希望它有帮助。