jQuery 手机 : Override disabled ="disabled" style

Question

使用 jQM 1.4.0我试图覆盖灰色样式(<input type="text" disabled="disabled">):

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

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

Answer 1

jQuery Mobile 增强了输入并创建了一个将输入插入到 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");
});