Good news, the team behind Web Inspector has pushed a new version that improves CSS editing capabilities.

What’s new?
The Web Inspector will now show all the declared properties, even the ones that are not understood by a web browser.
Color property values can now be shown exactly as they written in an inline style.
It now uses two separate fields for property name and value.

And best of them all: the history of style sheet. This means that you can now track all the CSS changes that were made during editing.

Overall, it’s a nice update and we hope to see CSS tracking implemented into other dev tools as well.

For even more details, visit the original post.

Firefox 4 Beta 10 (guess that the background color is a taboo for Mozilla)

Google Chrome 9 (close but checkbox is gone)

Opera 11 (just like it should be (too bad that Opera is the only one to do so))

Not to mention all this code mess :-)

input name="rememberme" type="checkbox" style="
width: 20px;
height:20px;
border: none;
color:#fff;
background-color:#c1c1c1;
-moz-appearance:none;
webkit-appearance:none;
-o-appearance:none;
border: 0px inset ThreeDFace ! important;
margin: 0 0 0 5px;
padding: 5px 4px 3px 5px;
"value="1" checked

I have a dream (excluding master degree in CSS coding)… Wish that browser makers would stop adding new features and just fix this mess in the first place.

Oh well, time for some JS.

Here is a pretty neat web page for you to check out. Just keep scrolling.

Visit site.

Thanks to mabdul for this! Via my.opera.com.

[digg-reddit-me]

Solution might be simpler than you thought. One of the reasons why it can happen is due to AdBlock. In case you are blocking ads on the web page, unblock them all and try now.

It worked for me.