change font color of disabled text box

W

windows

Guest
Does any know how to change the font color of text in a disabled text box? If it is even acheivable? Thanks.<!--content-->Not too sure if this is what you mean but if you would have search just a bit further you would have found this thread <!-- m --><a class="postlink" href="http://www.htmlforums.com/showthread.php?s=&threadid=23204">http://www.htmlforums.com/showthread.ph ... adid=23204</a><!-- m --><br />
<br />
My CSS<br />
<br />
<br />
.formfield {<br />
border: 1px dotted #000;<br />
color: #000;<br />
background-color: #ccf;<br />
width: 100px;<br />
font-family: 'Trebuchet MT', 'lucida sans unicode', helvetica, verdana, arial, sans-serif;<br />
font-size: 8pt;<br />
<br />
}<br />
<br />
.formbutton {<br />
border: 1px solid #000;<br />
color: #000;<br />
background-color: #69c;<br />
font-family: 'Trebuchet MT', 'lucida sans unicode', helvetica, verdana, arial, sans-serif;<br />
font-size: 8pt;<br />
}<br />
<br />
<br />
Input field<br />
<br />
<input type="text" name="name" size="20" class="formfield" onFocus="this.style.background='#eee'" onBlur="this.style.background='#ccf'"><br />
<br />
<br />
Textarea<br />
<br />
<textarea type="text" name="name" rows="5" cols="30" class="formfield" onFocus="this.style.background='#eee'" onBlur="this.style.background='#ccf'"></textarea><br />
<br />
<br />
Select<br />
<br />
<select name="name" class="formfield" onFocus="this.style.background='#eee'" onBlur="this.style.background='#ccf'"><br />
<br />
<br />
Button<br />
<br />
<input type="submit" value="Go" name="submit" class="formbutton" onMouseOver="this.style.background='#ccf'" onMouseOut="this.style.background='#69c'"><br />
<br />
<br />
HTH<!--content-->but karrine, the textbox is disabled and the font gets greyed out. not too sure you can change it.<!--content-->works for me?<!--content-->really, this worked for you<br />
<br />
<textarea type="text" name="name" rows="5" cols="30" class="formfield" onFocus="this.style.background='#eee'" onBlur="this.style.background='#ccf'" disabled>some text disabled</textarea><br />
<br />
didn't for me<!--content-->Yes<br />
<br />
<textarea name="news" cols="50" rows="5" disabled class="formfield" onFocus="this.style.background='#eee'" onBlur="this.style.background='#ccf'"><?=$getit_row['news']?></textarea><!--content-->anf the font color changed from grey to what? because this does not work in IE, don't care about the backcolor, but the font color<br />
<br />
<br />
<html><br />
<head><br />
<style><br />
.formfield {<br />
border: 1px dotted #000;<br />
color: #ff0000;<br />
background-color: #ccf;<br />
width: 100px;<br />
font-family: verdana, arial, sans-serif;<br />
font-size: 10pt;<br />
<br />
}<br />
</style><br />
</head><br />
<body><br />
<textarea type="text" name="name" rows="5" cols="30" class="formfield" disabled>some text disabled</textarea><br />
<br />
<textarea rows="10" cols="10" disabled>some text to disable</textarea><br />
</body><br />
</html><!--content-->Here's what it looks like.<br />
<br />
Under "News" the first textarea is<br />
<br />
<textarea name="news" cols="50" rows="5" disabled class="formfield" onFocus="this.style.background='#eee'" onBlur="this.style.background='#ccf'"><?=$getit_row['news']?></textarea><br />
<br />
the second is<br />
<br />
<textarea name="news" cols="50" rows="5" disabled><?=$getit_row['news']?></textarea><br />
<br />
The attached is with N7<!--content-->This is with IE6<br />
<br />
Ahhhhh.... how I love Netscape! :D<!--content-->but see in IE it didn't change the text color from grey to whatever you set it at.<!--content-->Yeah.... saw that later when you told me you were using IE! ;)<!--content-->;) can you change it in NS or mozilla? I don't have those on this machine.<br />
<br />
make one red in NS if you can and upload it here, please<!--content-->Here you go<br />
<br />
Under "News" the first textarea is<br />
<br />
<textarea name="news" cols="50" rows="5" disabled class="formfield" onFocus="this.style.background='#eee'" onBlur="this.style.background='#ccf'"><?=$getit_row['news']?></textarea><br />
<br />
the second is<br />
<br />
<textarea name="news" cols="50" rows="5" disabled><?=$getit_row['news']?></textarea><!--content-->so, it seems that IE will not do it as NS7 and I believe mozilla will. but seeing that IE has the market share than I suspect it can't be done.<br />
<br />
Thanks Karrine :)<!--content-->Originally posted by scoutt <br />
so, it seems that IE will not do it as NS7 and I believe mozilla will. but seeing that IE has the market share than I suspect it can't be done. <br />
<br />
Yeppers! :P<br />
<br />
Thanks Karrine :) <br />
<br />
It's Karinne :D<!--content-->oh sorry, I hate that when the eyes get crossed. :P :)<br />
I get scott all the time so I know how it feels<!--content-->
 
You must log in or register to reply here.
Back
Top