css - TextBox 中的文本颜色在 IE9 中是灰色的，但在 Mozilla 中不是

Question

在我的表中:

<table class ="test">
              <tr class="bill">
                    <td class="total-title">Totals</td>
                    <td>
                        <input class="Test1" type="text" readonly="readonly" disabled="disabled"/>
                    </td>
                    <td>
                        <input class="Test2" type="text" readonly="readonly" disabled="disabled"/>
                    </td>
                    <td>
                        <input class="Test3" type="text" readonly="readonly" disabled="disabled"/>
                    </td>
              </tr>

文本框内的文本颜色在 IE9 中为灰色，但在 Mozilla 中不是。只有 TextBox 值的样式应该是什么？我知道我所有的“td”类(class)都是不同的，但这就是要求。

---

我是这样做的:

.Tax #MyPage TABLE.test INPUT[disabled='disabled'] 
 { 
    color: #CCC; 
 }

不工作:(

Answer 1

灰色文本是因为IE9 的内置样式，它决定像这样给它着色。其他浏览器对禁用元素的处理方式可能略有不同。

如果您想在所有浏览器中更好地控制样式，您可能需要查看 CSS 属性选择器以查看是否有帮助。可能必须在其中添加一个 !important，但不确定。

input[disabled='disabled']
{
color: #CCC;
}