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

我想删除当我的收音机被点击/聚焦时它给我的蓝色轮廓。 我试着使用

outline:none

和

border:none

，但似乎没有任何效果。 有人能解决这个问题吗

我所说内容的屏幕截图：

---

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

input:focus{
  outline:none;
}

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

试试这个：

input[type=radio] {
    outline-color: transparent; 
}

希望有帮助

更新：

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

---

组织职位：

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

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

---

可能是另一个问题，但我也必须将“框阴影”设置为“无”

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

---

我知道这是旧的，但希望它能帮助别人

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;
}

---

你在哪里看到蓝色的轮廓？你说的是谷歌Chrome吗？是的，在谷歌Chrome中，每当我点击收音机复选框，它就会给我一个蓝色的方形轮廓，我想把它去掉！可能重复：你能给我们看看你的CSS和你引用它的HTML吗？标记的副本有大纲：无作为解决方案，您已经声明您已经尝试过了。谢谢您的awnser，我已经尝试过了，但不知怎的无效。@301请创建一个基本演示，以便我们可以检查它。你可以在jsfiddle上创建一个，如果提供了一个屏幕截图，我相信你们现在知道我的意思了。我们知道你之前的意思，但是如果列出的解决方案不起作用，我们需要代码。