javascript - Bootstrap Switch，如何去除切换器的轮廓

Question

我正在使用 bootstrap-switch - v3.3.1，但在切换时我不需要切换器的默认蓝色轮廓 ，我为输入设置了 style="outline: 0 none; 但它不起作用。

这是我的 html:

            <div class="switch" style="display:inline-block;>
                <input id="accu-switcher" type="checkbox" style="outline: 0 none;" checked data-label-text="TEXT"/>
            </div>

JS:

 $('#accu-switcher').bootstrapSwitch({size: "mini",state: false});
        $('.module .switch').css("visibility","visible");

Answer 1

更新此 css 类或将其覆盖为:

.bootstrap-switch.bootstrap-switch-focused
{
    outline: none;
    box-shadow: none;
}