当用户单击时，我如何阻止输入边框颜色的更改

How can i stop the inputs border color from changing when the user clicks it

本文关键字：边框 输入 颜色 何阻止 单击 用户      更新时间：2023-09-26

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

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

如果你点击这个按钮，在chrome中，边框颜色会变为橙色，在safari中，它会变为蓝色，那么我如何才能阻止边框颜色的变化？

移除outline:

textarea {
    outline: none;
}

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

此外，您的HTML格式错误，应该是：

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

参考文献：

  • outline

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

textarea:focus {
    outline: none;
}
相关文章：