如何聚焦时如何从收音机盒中删除蓝色轮廓？

Question

我想删除点击/聚焦收音机时给我的蓝色轮廓。 我尝试使用outline: none和border: none，但似乎没有任何效果。 有人有解决方案吗？

我正在谈论的截图：

Answer 1

当输入元素具有焦点时删除轮廓。

input:focus{
  outline:none;
}

作为旁注，这仅适用于谷歌Chrome，其他浏览器使用不同的技术来显示输入元素具有焦点。

Answer 2

您可能必须更具体地使用选择器。当使用bootstrap时你必须通过选择input [type =“radio”]来覆盖它（在我的版本中，至少是3.3.6）：focus，而不仅仅是input：focus，就像这样：

input[type="radio"]:focus {
    outline: none;
}

Answer 3

我知道这是旧的，但希望它可以帮助某人！

input[type='radio']:focus {
    outline: none !important;
    box-shadow: none !important;
}
/*For Bootstrap*/
.custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: none !important;
}

Answer 4

也许是一个单独的问题，但是我也不得不将box-shadow设置为没有。

input[type="checkbox"] {
    outline: none;
    box-shadow: none;
}