Question

使用jQM v 1.4.0 我试图用：

覆盖灰色样式（<input type="text" disabled="disabled">）

input[type="text"]:disabled
{
    opacity: 1.0 !important;
    color: black !important;
}

但它仍然是灰色的，几乎看不见。有什么想法吗？

Answer 1

jQuery Mobile增强了输入并创建了一个textinput小部件，它将输入插入到div中。禁用时，DIV被分配了类ui-state-disabled，因此你可以像这样覆盖不透明度：

.ui-state-disabled {
    opacity: 1.0;
}

<强> DEMO

您可以使用窗口小部件方法启用/禁用输入：

$("#btnEnable").on("click", function(){
    $("#myText").textinput("enable");
});

$("#btnDisable").on("click", function(){
    $("#myText").textinput("disable");
});

Answer 2

为什么不删除＆＃34;禁用＆＃34;属性使其可用？

$('input[type="text"]').removeAttr('disabled');

Answer 3

您只需使用input[type="text"][disabled="disabled"]作为选择器。

Answer 4

您可以在css中使用:disabled：

http://jsfiddle.net/YT65W/

修改这种方式适用于普通元素..我误解了抱歉：/

我认为How to remove jQuery Mobile styling?可以帮助您：）

jQuery Mobile：覆盖禁用=“禁用”样式

4 个答案: