有时也会发生按钮，然后使用下面来删除外线

input:hover
input:active, 
input:focus, 
textarea:active,
textarea:hover,
textarea:focus, 
button:focus,
button:active,
button:hover
{
    outline:0px !important;
}

我在一个有点击事件的div上经历了这一点，在20次搜索之后，我发现这个片段挽救了我的一天。

-webkit-tap-highlight-color: rgba(0,0,0,0);

这将禁用webkit移动浏览器中的默认按钮高亮显示

我只需要从我的文本输入字段中删除这种效果，我不能让其他技术工作得很好，但这对我来说是有效的;

input[type="text"], input[type="text"]:focus{
            outline: 0;
            border:none;
            box-shadow:none;

    }

在Firefox和Chrome中进行了测试。

我发现删除“滑动门”类型输入按钮上的轮廓很有帮助，因为轮廓没有覆盖滑动门图像的正确“帽子”，使焦点状态看起来有点不稳定。

input.slidingdoorbutton:focus { outline: none;}

Carl W:

这种效果也会发生在非输入元素上。我发现下面是一个更通用的解决方案 :专注{ 边框色:透明; outline-style:没有; ｝

我来解释一下:

:focus意味着它对焦点中的元素进行样式化。因此，我们对焦点中的元素进行样式化。 边框色:透明;意味着蓝光是透明的。 outline-style:没有;做同样的事情。

有时也会发生按钮，然后使用下面来删除外线

input:hover
input:active, 
input:focus, 
textarea:active,
textarea:hover,
textarea:focus, 
button:focus,
button:active,
button:hover
{
    outline:0px !important;
}