当用户单击它时，如何阻止输入边框颜色发生变化[重复]

Question

我正在尝试为我的网站制作表单，但我面临两个问题 第一个问题是当我输入例如：

<textarea cols:40 rows:50></textarea>

如果您在 chrome 中单击它，边框颜色将变为橙色，在 safari 中它将变为蓝色，那么我该如何阻止边框颜色的变化？

Answer 1

删除outline:

textarea {
    outline: none;
}

但请记住，outline 用于指示聚焦的表单域，这对于某些残疾/视力有限的用户可能是有用的辅助工具；无论是通过更改outline 的color 还是在元素本身上使用background-color，都值得努力将默认视觉提示替换为适合您主题的另一个。

另外，您的 HTML 格式不正确，应该是：

<textarea rows="50" cols="40"></textarea>

参考资料：

• outline。

Answer 2

您需要删除焦点上的轮廓：

textarea:focus {
    outline: none;
}