JQM，CSS：如何更改禁用字段的CSS？

Question

我有一個簡單的JQuery Mobile表單，其中我可以根據某些條件禁用或啓用文本框。 正常啓用文本框看起來是這樣的：

和殘疾人的樣子說：

我想使殘疾人領域的可讀性更強一點的文字。我怎樣才能做到這一點？

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; 
}