jQuery Mobile：重写disabled =“ disabled”样式

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

演示

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

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

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

Answer 2

为什么不删除“ disabled”属性使其可用？

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

Answer 3

您可以简单地使用input[type="text"][disabled="disabled"]作为选择器。

Answer 4

您可以在CSS中使用:disabled ：

http://jsfiddle.net/YT65W/

编辑：这种方式适用于普通元素。

我认为这如何删除jQuery Mobile样式？ 会帮助你 ：）