如何删除文本/输入框周围的边框(大纲)？(铬)

Question

如何删除文本/输入框周围的边框(大纲)？(铬)有人能解释如何删除文本/输入框周围的橙色或蓝色边框(大纲)吗？我认为只有在Chrome上才能显示输入框是活动的。下面是我使用的输入CSS：input {     background-color: transparent;     border: 0px solid;     height: 20px;     width: 160px;     color: #CCC;}

Answer 1

此边框用于显示元素的焦点(即您可以输入或按Enter按钮)。不过，您可以移除它：

textarea:focus, input:focus{
    outline: none;}

您可能希望为用户添加一些其他方法，以了解哪些元素具有键盘焦点，尽管这样做是为了提高可用性。

Chrome还将高亮显示应用于其他元素，如DIV用作调制解调器。为了防止这些元素和所有其他元素的突出显示，您可以这样做：

*:focus {
    outline: none;}

Answer 2

input:focus {
    outline:none;}

这样就行了。橙色轮廓不会再出现了。