Angular无法从Boostrap自定义复选框中删除焦点轮廓

Question

出于任何奇怪的原因，Angular不会模糊点击的元素，所以我'修复'就像这样：

*:focus { outline: none !important; }

这不是一个真正的修复，而是每个元素都应该自动模糊，但我不知道如果没有指令就该怎么做，所以现在必须这样做，除非有人有更好的解决方案。

但是，我似乎无法为Bootstrap自定义复选框应用相同的“修复”。

<label class="c-input c-checkbox">
    <input type="checkbox">
    <span class="c-indicator"></span>
    Remember Me
</label>

这就是聚焦时的样子：

我尝试删除轮廓，边框，框阴影 - 似乎没什么用。

Answer 1

这不是来自您的库的问题，而是您的自定义CSS。你必须遗漏一些东西，但这段代码应该有效。 将它放在自定义css文件的末尾。

.c-input .c-indicator {
    border: none !important;
    outline: none !important
}