4

我有简单的 JQuery Mobile 表单，其中有可以根据某些条件禁用或启用的文本字段。正常启用的文本字段如下所示：

启用

和 disabled 看起来像这样：

禁用

我想让禁用字段中的文本更具可读性。我怎样才能做到这一点？

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"到所有文本字段中。

4

3 回答 3

4

您可以使用:disabled

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

演示

或者你也可以使用element[attr=val]选择器

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

演示 2

于 2013-07-31T13:14:34.860 回答
3

使用:disabled选择器。例如：

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

请参阅此小提琴的演示：http: //jsfiddle.net/A9CN8/

所有值得注意的现代浏览器支持 :disabled，但对于 Internet Explorer 8 及以下版本，您就不走运了：对于那些浏览器，您无法更改禁用控件的外观。

于 2013-07-31T13:14:21.037 回答
1

使用:disabled选择器

input:disabled {
    color: your_color;
}
于 2013-07-31T13:16:08.297 回答