如何在用户单击时停止输入边框颜色

时间:2013-02-10 12:21:25

标签: javascript html css html5

我正在尝试为我的网站制作一个表单,我遇到了两个问题 第一个问题是当我输入一个输入时:

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

如果你在chrome中点击它,边框颜色将变为橙色,在safari中它将变为蓝色,那么如何才能停止边框中的颜色变化?

2 个答案:

答案 0 :(得分:5)

删除outline

textarea {
    outline: none;
}

请记住,outline用于表示重点表单字段,这可能对某些残疾人/有限视力用户的辅助功能有用;无论是通过更改color的{​​{1}}还是在元素本身上使用outline,都值得努力将默认视觉提示替换为适合您主题的另一个视觉提示。 / p>

此外,您的HTML格式错误,应该是:

background-color

参考文献:

答案 1 :(得分:0)

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

textarea:focus {
    outline: none;
}