如何删除文本/输入框周围的焦点边框（轮廓）？（铬）

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

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

当前回答

这肯定会奏效的。橙色轮廓将不再显示。。所有标签通用：

*:focus {
    outline: none;
}

特定于某些标签，例如：输入标签

input:focus {
   outline:none;
}

其他回答

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

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

input:focus {
    outline:none;
}

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

我发现你也可以使用：

input:focus{
   border: transparent;
}

对于Bootstrap 3.1.1，当前的答案不适用。以下是我必须忽略的内容：

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

我找到了解决办法。我使用了：大纲：无；在CSS中，它似乎起了作用。无论如何，感谢您的帮助。：）

推荐文章