关于删除按钮轮廓的问题

Question

使用Bootstrap 3和Bootstrap Switch我在this Demo有一个Checkbox开关，我想使用这个CSS规则删除元素的蓝色轮廓：

.btn {
    outline: none !important;
}
textarea:hover, input:hover, textarea:active, input:active, textarea:focus, input:focus, button:focus, button:active, button:hover {
    outline:0px !important;
    -webkit-appearance:none;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

但它不起作用。能告诉我如何解决这个问题吗？

Answer 1

<强> DEMO

.bootstrap-switch.bootstrap-switch-focused {
    border-color: #cccccc;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

Answer 2

这是bootstrap的一部分。希望这可以帮助！

.bootstrap-switch:focus{
        outline:none;
    }