关于html：如何删除＆lt; input＆gt;


How to remove an <input> border?

本问题已经有最佳答案，请猛点这里访问。

我用的是我设计边界样式的：

1
2
3
4
5
6
input {
  font-size: 300%;
  border-width: 10px;
  border-style: solid;
  border-radius: 30px;
}
1
<input>

号

问题是，一旦获得焦点，就会出现一个微小的蓝色边界：

enter image description here。

我在devtools中没有看到它，所以我认为它是本身的财产，它不打算有圆形边界(疯狂猜测)。

有没有可能摆脱它？

相关讨论

您可以使用outline:none删除它，但它会造成可访问性问题。

1
2
3
4
5
6
7
input {
  font-size: 300%;
  border-width: 10px;
  border-style: solid;
  border-radius: 30px;
  outline:none;
}
1
<input>

号

相关讨论

1
2
3
input:focus {
  outline: none;
}

。

那对你有用

1
2
3
textarea:focus, input:focus{
    outline: none;
}

但在下面的链接中已经有更详细的内容了

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