html - 如何删除焦点文本框周围的边框

Question

当我们点击文本框时，Chrome 中会出现一个边框。

Answer 1

$outline:none;以这种方式使用：

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

这样，它仅在使用时才适用。

Answer 2

CSS：

textbox:focus {
    outline: none;
}

更新

我texbox只是为了说明，在你的代码中你应该使用基于你的 html 之类的元素input, button, textarea。

Answer 3

像这样使用outline: none;：

input, textarea {
   outline: none;
}