html - Can't change CSS color attribute in a disabled text input field -


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:enter image description here

but when "show source", copy source new (local) file, , open that, input box text still gray.

enter image description here

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 enter image description here

thanks

as suggested in comment,this quirks issue


Comments