Цвет текста в 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' разные, но это требование.

---

Я сделал это:

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

Не работает :(

Answer 1

Серый текст из-за встроенных стилей IE9, и он решает раскрасить его так.Другие браузеры могут обрабатывать отключенные элементы немного по-разному.

Если вы хотите более точный контроль над стилем во всех браузерах, возможно, вы захотите взглянуть на селекторы атрибутов CSS, чтобы посмотреть, поможет ли это.Возможно, придется добавить туда! Важно, но не уверен в этом.

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

Answer 2

Я думаю, вы ищете селектор атрибутов.Вы можете сделать это следующим образом.

input[type=text] { color:grey; }