禁用文本输入没有样式

时间:2015-10-22 20:46:52

标签: html css

我有一个带有禁用文本输入字段的表单,我想将其设置为正常但不允许输入。

适用于Chrome,但不适用于FireFox或IE - 这可以在FF / IE中完成吗?

HTML:

<input type="text" value="test" disabled />

CSS:

input[type="text"][disabled] {
    background-color: #f00;
}

1 个答案:

答案 0 :(得分:2)

你可以这样做:

&#13;
&#13;
input[type="text"][disabled],
input[type="text"]:disabled {
    color: #ff0;
    background-color: #f00;
}
&#13;
<input type="text" value="test" disabled />
&#13;
&#13;
&#13;

JSFiddle:http://jsfiddle.net/jonsuh/brbktnvv/