禁用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“网络用户体验法则”：

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

这意味着他们会根据大多数其他网站上的常见做法来形成他们对您网站的期望。如果您偏离了原则，您的网站将难以使用，用户将离开。