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

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;}这样就行了。橙色轮廓不会再出现了。