在jQuery Mobile中消除ui-disabled字段

Question

在jQuery Mobile中，在answer之后，我有一个按“ui-disabled”类禁用的按钮。

<input type="submit" class="ui-disabled" value="Register" onClick="rcRegister();" >

问题出现了，如何通过灰化我们的字段来显示JQuery Mobile中的禁用状态？

我试图添加这个CSS，但它没有效果。

input.ui-disabled {
    color: gray;
}

我正在使用jQuery Mobile 1.2.0和jQuery 1.7.2。

Answer 1

如果您正在谈论输入字段，那么将其删除是不够的，因为您仍然可以更改其内容。

如果要正确禁用jQuery Mobile输入字段，则需要通过javascript执行此操作，如下所示：http://jsfiddle.net/Gajotres/9UQ9k/

Javascript：

$("#disable-me").textinput("disable");

正如我所说，你无法通过css手动完成。但是，如果您仍想部分手动执行此操作，则需要更改字段不透明度。使用这个css：

.ui-disabled { 
    opacity: 0.3 !important;
} 

另外看看 here ，我写了一篇文章，介绍了如何启用/禁用jQuery Mobile按钮。