IE's F12 Developer Tools - add new CSS?

internet-explorer internet-explorer-8 ie-developer-tools
Evanss picture Evanss · Jul 4, 2011 · Viewed 17.7k times · Source

Im viewing an element with IE's F12 developer tools. I can see the styles being applied to the element so I can change or disable them, but how can I add a completely new style?

Thanks

Answer

joshb picture joshb · Jul 26, 2012

In IE9 you can select the CSS tab then right click to add a new style rule.

enter image description here

In IE11 you'll need to select the DOM Explorer tab, then the Styles tab on the right. Then you can right-click to add a new style rule.

enter image description here

Related questions

'console' is undefined error for Internet Explorer

I'm using Firebug and have some statements like: console.log("..."); in my page. In IE8 (probably earlier versions too) I get script errors saying 'console' is undefined. I tried putting this at the top of my page: <script type="…

Read More
IE 8 Developer Tools not working In Windows?

I am using Internet Explorer 8, not by choice. I need to debug a script in it. However, no matter how many times I click the Developer Tools Icon, under Tools or click F12 it will not show up. Sometimes, I …

Read More
IE8 developer tools not displaying

First of all, I have read the following: IE 8 Developer Tools not working In Windows? Internet Explorer 8 Developer Tools not displaying Why isn't my IE8 Developer Tools working? When I press F12 or select "Developer Tools" from the Tools menu, …

Read More