如何删除 simple_form 和 bootstrap 中复选框周围的点线块

Question

在 simple_form & bootstrap 3 集成页面 http://simple-form-bootstrap.plataformatec.com.br/，如果选中活动框，则元素周围有一个点线块（见下图）：

我们在 Rails 应用中发现了相同的点线块。有没有办法去掉这个点线块？

Answer 1

试试这个 CSS

input, input:active, input:focus {
    outline: none;
}
/*and for firefox*/
input::-moz-focus-inner { 
    border: 0; 
}

或全局设置如

:focus {outline:none;}
::-moz-focus-inner {border:0;}

尽管我会高度建议创建您自己的样式以保留辅助功能

How to remove the dot line block around the checkbox in simple_form & bootstrap