如何删除simple_form＆amp;中复选框周围的点线块引导

Question

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

我们在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;}

虽然我高度建议您创建自己的风格以保持辅助功能