Internal Server Error
what the voices in my head tell me to write
Wednesday, May 06, 2009
the wierdest IE7 bug I have ever seen
Sadly I dont have a demo of this available right now... will see what I can do.
I had a simple task in work today a whole bunch of checkboxes and their labels on the screen. Clicking on some of the checkboxes causes others to be disabled thanks to some nifty javascript. Nice and simple.
However I was asked to find a way to make the disabled elements look "more disabled" as it can be hard to spot the greyed checkbox on the dark background of the site.
As the checkbox was immediately followed by its label I quickly came up with:
input[disabled=disabled] + label { color: grey }
To quickly change the labels of disabled boxes only using CSS. Works great in Firefox. Clicked on a checkbox in IE7 (dont have to worry about IE6 - Hurray) and nothing happens... Then I move the mouse and magically the labels change colour!
I spent quite some time playing with it and that is definitely what is happening.You can see the checkboxes become disabled but the labels don't change colour until you move the mouse. I have googled for ages and can't find anything on it at all. Might try a static test page rather than the rather complex html js and css that there is there now.
I guess that I could fake a mouse event to fire off after the checkboxes get disabled but its easier to change the labels style at the same time as the disabling in the first place.
Why for the love of all things nice and fluffy why?
Permanent link and Comments posted by Rob Cornelius @ Wednesday, May 06, 2009