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

Question

我想在我的收音机被点击/聚焦时删除它给我的蓝色轮廓.我尝试使用outline: none和border: none,但似乎没有任何工作.有人有解决方案吗？

我在说什么的屏幕截图:

Answer 1

也许是一个单独的问题，但我也必须将 box-shadow 设置为 none。

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

Answer 2

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

input:focus{
  outline:none;
}

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

Answer 3

更新：

最近在可访问性方面做了很多工作，我开始明白从输入中删除大纲并不是一件好事。它可以防止人们使用键盘导航来查看重点内容。

组织帖子：

您可能需要更具体地使用选择器。使用引导程序时，您必须通过选择 input[type="radio"]:focus，而不仅仅是 input:focus 来覆盖它（在我的版本中，至少是 3.3.6），如下所示：

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