如何删除在Chrome中选择的输入的浅色？

Question

如果您使用Chrome浏览器，请点击运行代码片段，您会发现输入周围有淡蓝色，我想将其删除。
我试过border:none和:active等伪类。但它没有奏效。
顺便说一句，在FF。浅色不存在。

<input type="text">

Answer 1

只需使用这一点;

input:focus{ 
     outline: 0; 
    } 

，或移除所有元素

*:focus { 
    outline: 0; 
}