禁用文本输入而不是样式

Question

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

在 Chrome 中有效，但在 FireFox 或 IE 中无效 - 这可以在 FF/IE 中完成吗？

HTML：

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

CSS：

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

Answer 1

你可以这样做：

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

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

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