禁用Webkit表单输入阴影

Question

  

可能重复：
  How to remove border around text/input boxes? (Chrome)

当表单元素获得焦点时，有没有办法禁用Webkit浏览器生成的彩色阴影？它在Chrome中为黄色，在Safari中为蓝色，并且妨碍了我尝试实现的任何自定义焦点样式。

Answer 1

试试这个：

input:focus {
    outline: none;
}

Answer 2

您可以尝试outline: none，但请注意，由于可用性原因，这通常不太合适。始终牢记Jakob Nielsen's“网络用户体验规律”：

  

用户将大部分时间花在其他网站上。

     

这意味着它们会根据大多数其他网站上常用的内容形成对您网站的期望。如果您偏离，您的网站将更难使用，用户将离开。