chandru.in
In the zone
Is MS killing CSS on IE juts to ensure that standards based web design will always remain difficult and people will choose Silverlight or is it because they never really understood how to render CSS? 
Being a web developer I'm having to suffer every single day thanks to IE. Developing a web app and making it render as I wish is dead simple on every single browser (including FF, Opera, Chrome and Safari). But after that several minutes and sometimes even hours have to be spent to find workarounds for IE's half arsed rendering brain.
I had to suffer one such situation recently. Something as simple as this is not supported on IE (not even in IE 7). WTF is it so?
Is there any damn way to make this work on a stable release of IE without having to resort to Javascript? My app has 100s of buttons across several pages and many get enabled and disabled based on state maintained on the server. Adding JS only to handle something as simple as this is stupid (esp when it is needed for only one among the supported browsers). Stylig is needed as native browser widgets look out of place in our page (more so as we target multiple platforms). To avoid such out of place appearance every element in the app is styled appropriately.
Being a web developer I'm having to suffer every single day thanks to IE. Developing a web app and making it render as I wish is dead simple on every single browser (including FF, Opera, Chrome and Safari). But after that several minutes and sometimes even hours have to be spent to find workarounds for IE's half arsed rendering brain.
I had to suffer one such situation recently. Something as simple as this is not supported on IE (not even in IE 7). WTF is it so?
Code:
<html>
<head>
<title>Demo Page</title>
<style type="text/css">
.btn {
border: 1px solid black;
background-color: green;
color: white;
}
.btn[disabled] {
background-color: gray;
}
</style>
</head>
<body>
<input type="button" value="Enabled" class="btn" />
<input type="button" value="Disabled" disabled="true" class="btn" />
</body>
</html>Is there any damn way to make this work on a stable release of IE without having to resort to Javascript? My app has 100s of buttons across several pages and many get enabled and disabled based on state maintained on the server. Adding JS only to handle something as simple as this is stupid (esp when it is needed for only one among the supported browsers). Stylig is needed as native browser widgets look out of place in our page (more so as we target multiple platforms). To avoid such out of place appearance every element in the app is styled appropriately.
