Блог

Главная - Вопросы по программированию - Цвет текста в текстовом поле серый в IE9, но не в Mozilla

Цвет текста в текстовом поле серый в IE9, но не в Mozilla

#css #stylesheet

#css #таблица стилей

Вопрос:

В моей таблице:

 <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.
Каким должен быть заголовок ТОЛЬКО для значения текстового поля? Я знаю, что все мои классы ‘td’ разные, но это требование.

Я сделал это: 

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

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

Комментарии:

1. Какого цвета вы хотите, чтобы он был? Если вы не объявляете свои собственные стили или не устанавливаете их с помощью css reset, они будут такими, какие установлены в браузере по умолчанию для отключенного ввода текста только для чтения. Который, как вы видите, может варьироваться в разных браузерах.

2. Или вы спрашиваете, как объявить color для входного значения?

3. Это просто потому, что IE отстой.

4. @OlexandrSkrypnyk: Правильно!

Ответ №1:

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

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

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

Ответ №2:

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

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