css - Greying out ui-disabled field in jQuery Mobile -

in jquery mobile, following answer, have button disabled class "ui-disabled" .

<input type="submit" class="ui-disabled" value="register" onclick="rcregister();" > 

the question arises, how 1 display disabled state in jquery mobile greying our field?

i have tried add css has no effect.

input.ui-disabled {     color: gray; } 

i using jquery mobile 1.2.0 , jquery 1.7.2 .

if talking input fields graying out not enough because still able change content.

if want correctly disable jquery mobile input field need through javascript, this: http://jsfiddle.net/gajotres/9uq9k/

javascript :

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

as said not able manually through css. if still want partially manually need change field opacity. use css:

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

also take here, have wrote article describing how enable/disable jquery mobile buttons.