提问




    这个问题在这里已有答案:

    

            

  •             如何删除输入文本元素上的边框突出显示
                    
                        14个答案
                    
            

  •     

最佳参考


此边框用于显示元素已聚焦(即您可以键入输入或按Enter键按钮)。但是你可以删除它:/questions/1457849/how-to-remove-the-border-highlight-on-an-input-text-element


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


您可能希望为用户添加一些其他方式,以了解哪些元素具有键盘焦点,但可用性。


Chrome还会将突出显示应用于其他元素,例如用作模式的DIV。为了防止突出显示这些元素以及所有其他元素,您可以执行以下操作:


*:focus {
    outline: none;
}

其它参考1


目前的答案对我来说并不适用于Bootstrap 3.1.1。这就是我必须覆盖的内容:


.form-control:focus {
  border-color: inherit;
  -webkit-box-shadow: none;
  box-shadow: none;
}

其它参考2


input:focus {
    outline:none;
}


这样做。橙色轮廓不再出现了。

其它参考3


<input style="border:none" >


为我工作得很好。希望在html本身修复它... :)

其它参考4


我找到了解决方案。

我在CSS中使用了outline:none;,它似乎有效。无论如何,谢谢你的帮助。 :)

其它参考5


解决方案


*:focus {
    outline: 0;
}


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

其它参考6


这将从所有元素和任何元素中删除chrome中的橙色框架,无论它在何处和何处


*:focus {
    outline: none;
}

其它参考7


请使用以下语法删除文本框的边框,并删除浏览器样式的突出显示边框。


input {
    background-color:transparent;
    border: 0px solid;
    height:30px;
    width:260px;
}
input:focus {
    outline:none;
}

其它参考8


我发现你也可以使用:


input:focus{
   border: transparent;
}

其它参考9





input:focus{
    outline: 0 none;
}


!important就是以防万一。那不是必要的。[[现在它已经消失了。 &ndash的; ED]]。

其它参考10


这肯定会奏效。橙色轮廓将不再显示..
所有标签的共同点:


*:focus {
    outline: none;
}


特定于某些标签,例如:输入标签


input:focus {
   outline:none;
}