javascript - 当用户单击它时，如何阻止输入边框颜色发生变化

Question

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

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

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

Answer 1

删除outline：

textarea {
    outline: none;
}

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

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

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

参考：

• outline.

Answer 2

您需要删除焦点轮廓：

textarea:focus {
    outline: none;
}