JQM, CSS: Как изменить отключенные поля css?

Question

У меня есть простая форма JQuery Mobile, где у меня есть текстовые поля, которые можно отключить или включить в зависимости от некоторых условий. Нормальный включен TextField выглядит следующим образом:

и инвалидов выглядит следующим образом:

Я хотел бы сделать текст в поле инвалидов немного более читаемым. Как я могу это сделать?

HTML

<asp:Label ID="lblCityPostal" AssociatedControlID="txtCityPostal" runat="server" 
     Text="City"></asp:Label>       
<div class="clear"> 
</div> 
<asp:TextBox ID="txtCityPostal" runat="server"> 

Решение

Как предложено ниже я сейчас, используя следующий CSS:

input.regTxt:disabled { 
    font-weight:bold; 
} 

я добавил CssClass="regTxt" все мои текстовые поля ,

Answer 1

Используйте :disabled селектор. Например:

input:disabled { 
    color: #444; 
    border: 1px solid #888; 
} 

Смотрите эту скрипку демо: http://jsfiddle.net/A9CN8/

All notable modern browser support :disabled, но для Internet Explorer 8 и ниже вы не повезло: for those browsers you cannot change the look of disabled controls.

Answer 2

Вы можете использовать :disabled

input[type="text"]:disabled { 
    /* This may lack browser support so go for the next selector*/ 
    border: 1px solid #f00; 
} 

Demo

Или вы можете также использовать element[attr=val] селектор

input[type="text"][disabled="disabled"] { 
    border: 1px solid #f00; 
} 

Demo 2

Answer 3

Используйте селектор :disabled

input:disabled { 
    color: your_color; 
}