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

I'm on my Mac right now, but I remember running into that.

When looking at the right side of the Developer Tool, you see a list of CSS styles. Above that you see a few 'tabs': Style, Trace Styles, Layout, Attributes. If I remember correctly you can't change them in the style tab. But you can change them in one of the other tabs. You might have to edit them through the style attribute.

Answer 2

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 3

You could try firebug lite but it's a little work to get it setup.