simple question (i hope):
in ie 11 (11.0.11), trying use css text color of disabled html input field not grayed out (ie black). in effort, found example/tutorial: http://askthecssguy.com/articles/shawn-asks-the-css-guy-about-styling-disabled-text-inputs/
when click through reference, see:
but when "show source", copy source new (local) file, , open that, input box text still gray.
so question is: aspect of loading/displaying off of local machine vs. internet, or i've missed in creating local file or other configuration can resolve issue?
-edit-
here html:
<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>disabled text boxes</title> <style type="text/css"> fieldset {border:0;margin-bottom:12px;} label {font:normal 13px/19px verdana;display:block;} input {border:1px solid #000;} input[disabled='disabled'] { background:yellow; color:blue; cursor:default; } input.disabled { background:yellow; color:blue; cursor:default; font-size:24px; } </style> </head> <body> <fieldset> <label for="username">enabled:</label> <input type="text" id="username" /> </fieldset> <fieldset> <label for="dis">disabled text box using input[disabled='disabled']:</label> <input type="text" id="dis" disabled="disabled" value="you cant edit this" /> </fieldset> </fieldset> <fieldset> <label for="dis">disabled text box using class="disabled" in css:</label> <input type="text" id="dis" disabled="disabled" class="disabled" value="you cant edit this" /> </fieldset> </fieldset> </body> </html>
adding font-size:24px;
input[disabled='disabled'] didn't change styling. when added font-size:24px;
input:disabled, resulting rendering looks
thanks
as suggested in comment,this quirks issue
Comments
Post a Comment