禁用文本框的CSS(防止Firefox / Chrome中的“灰显”)

时间:2010-07-10 23:47:17

标签: html css google-chrome firefox

是否可以为禁用的文本框设置CSS?我不想在Firefox / Chrome中自动灰显。

原因是我有时在提交表单之前就禁用了文本框,因此它们不会被不必要地传输(并使URL混乱),并且灰显行为会通过创建闪烁来降低用户体验。

帮助?

1 个答案:

答案 0 :(得分:5)

您应该能够通过定义一个具有您希望的外观类的类来设置文本框的样式,然后在禁用输入时添加该类。如果您不担心IE6兼容性,请尝试使用属性选择器:

input[disabled="disabled"] {
     /* your CSS style */
}

您应该可以使用任何其他元素上使用的任何样式。