html - IE8 disabled element text rendering differences -
below super zoomed in image of disabled <select>
element (top), , disabled <textarea>
element it's text highlighted more emphasis on issue (bottom), both being rendered god-awful ie8.
i've disabled styles in various dev tools, overridden color
, text-shadow
font-family
etc...
why <textarea>
, other <input [type='*']>
elements render goofy text highlighting, while <select>
elements render without it, , more importantly there workaround rid of text highlight.
ie adds it's own styles , while can control background , font colors, like
input[type="*"]:disabled { background-color: none; color: gray; }
you cannot remove shadows. 1 alternative - don't set actual disabled attribute, simulate instead e.g use readonly attribute, set onfocus = "this.blur()"
etc.
Comments
Post a Comment