View Full Version : Setting .x-item-disabled on IE8

12 Apr 2012, 7:28 AM
Hi there,

I'm currently trying to find a sensible way to both disable some controls, textfields, combos and datefields mainly, but display their values in standard black text (rather than the gray it seems to prefer!).

With this in mind, I thought it should be a simple override of the .x-item-disabled class, but this doesn't seem to be having the desired effect in IE8, in IE9, Chrome and FFox, all seems well, but for some reason IE8 isn't playing ball!

The brute force code to try and ensure the text is both black and 100% opacity is below:

.x-item-disabled *, .x-item-disabled {
color: #000 !important;
border: none !important;
-moz-opacity: 1 !important;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important;
filter: alpha(opacity=100) !important;
opacity: 1 !important;

Using the document inspector in IE8 (I know, fun right?!) it seems to display the element with the correct properties taken from the css, but the element is still either gray (or opaque, I'm not sure which).
Has anyone overcome this type of issue before? Attached is a quick snapshot of the element on screen with classes applied.

16 Apr 2012, 8:38 AM
You have to remember the <input> has a disabled attribute so the browser may be handling that.