我想知道是否有可能删除默认的蓝色和黄色辉光，当我点击一个文本输入/文本区域使用CSS?
当前回答
我在一个有点击事件的div上经历了这一点，在20次搜索之后，我发现这个片段挽救了我的一天。
-webkit-tap-highlight-color: rgba(0,0,0,0);
这将禁用webkit移动浏览器中的默认按钮高亮显示
其他回答
如果你想移除Bootstrap中按钮的辉光(在我看来这并不一定是糟糕的用户体验)，你需要以下代码:
.btn:focus, .btn:active:focus, .btn.active:focus{
outline-color: transparent;
outline-style: none;
}
我只需要从我的文本输入字段中删除这种效果，我不能让其他技术工作得很好，但这对我来说是有效的;
input[type="text"], input[type="text"]:focus{
outline: 0;
border:none;
box-shadow:none;
}
在Firefox和Chrome中进行了测试。
这个解决方案对我很有效。
input:focus {
outline: none !important;
box-shadow: none !important;
}
这是为那些关心可访问性的人提供的解决方案。
请不要使用outline:none;用于禁用焦点轮廓。如果你这样做，你是在扼杀网络的可访问性。有一种可行的方法。
看看我写的这篇文章，它解释了如何以一种可访问的方式删除边界。
简而言之，当我们检测到键盘用户时，只显示轮廓边框。一旦用户开始使用他的鼠标，我们禁用大纲。结果你得到了两者中最好的。
我在一个有点击事件的div上经历了这一点，在20次搜索之后，我发现这个片段挽救了我的一天。
-webkit-tap-highlight-color: rgba(0,0,0,0);
这将禁用webkit移动浏览器中的默认按钮高亮显示
