有人能解释一下如何删除文本/输入框周围的橙色或蓝色边框(轮廓)吗?我认为只有在Chrome上才会显示输入框处于活动状态。下面是我使用的输入CSS:

input {
    background-color: transparent;
    border: 0px solid;
    height: 20px;
    width: 160px;
    color: #CCC;
}


当前回答

<input style="border:none" >

对我来说效果很好。希望在html本身中修复它…:)

其他回答

<input style="border:none" >

对我来说效果很好。希望在html本身中修复它…:)

这将从所有元素和任何元素中移除橙色铬框,无论它在什么地方

*:focus {
    outline: none;
}

我找到了解决办法。我使用了:大纲:无;在CSS中,它似乎起了作用。无论如何,感谢您的帮助。:)

解决方案

*:focus {
    outline: 0;
}

PS:在焦点上使用outline:0而不是outline:none。这是有效且更好的做法。

我发现你也可以使用:

input:focus{
   border: transparent;
}