IE8 Developer Tools - add CSS style

Question

I use the Web Developer Toolbar in FireFox to test CSS-edits. I want to do the same in IE, and I can somewhat do that with IE8's Developer Tool.

However I can't add a style in Developer Tools, only edit existing styles - does any of you guys know of a way to edit the CSS like you can do with Chris Pedericks Web Developer Toolbar?

Answer 1

You can:

• add a style attribute (right click the html tag and click add attribute (with the name style, and then edit the style attribute once its added)
• Click the CSS tab, right click the empty space, and add a rule (this is like adding a line to your css file)

Answer 2

Adding to what Gabriel mentioned above.

For a quick addition to test and see the effect I do it a bit differently.

With the HTML tab selected choose the "Attributes" panel next to Style, Trace Styes and Layout.

Click the "+" button and begin typing the css style you would like to add. The new style attribute is added automatically in the DOM view panel.

Hope this helps.