html - JQM, CSS: How to change disabled fields css? -

i have simple jquery mobile form have textfields disabled or enabled depending on conditions. normal enabled textfield looks this:

and disabled looks that:

i'd make text in disabled field bit more readable. how can this?

html

<asp:label id="lblcitypostal" associatedcontrolid="txtcitypostal" runat="server"        text="city"></asp:label>                         <div class="clear"> </div> <asp:textbox id="txtcitypostal" runat="server"> 

solution

as suggested below i'm using following css:

input.regtxt:disabled {     font-weight:bold; }  

i've added cssclass="regtxt" text fields.

use :disabled selector. example:

input:disabled {     color: #444;     border: 1px solid #888; } 

see fiddle demo: http://jsfiddle.net/a9cn8/

all notable modern browser support :disabled, internet explorer 8 , below out of luck: for browsers cannot change of disabled controls.