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[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 2

使用: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 3

使用:disabled选择器

input:disabled {
    color: your_color;
}