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

2018-06-03 23:14:53

这个问题在这里已经有了答案：

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

此边框用于显示元素已聚焦（即，您可以输入输入内容或用Enter按下按钮）。但是，您可以将其删除：

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

您可能想要为用户添加一些其他方式，以便知道哪些元素具有键盘焦点，但为了可用性。

Chrome也会将突出显示应用于其他元素，例如用作模块的DIV。为了避免突出显示这些和所有其他元素，您可以执行以下操作：

*:focus {
    outline: none;
}

目前的答案对Bootstrap 3.1.1不适用。以下是我必须重写的内容：

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

input:focus {
    outline:none;
}

这会做。橙色轮廓将不再显示。

链接地址: http://www.djcxy.com/p/13173.html

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