CODEWITHSUNDEEP
internet-explorerinternet-explorer-8ie-developer-tools
Evanss
Evanss

Reputation: 23563

IE's F12 Developer Tools - add new CSS?

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

Upvotes: 30

Views: 18309

Answers (4)

andyb
andyb

Reputation: 43823

For IE8/IE9 you could add the style attribute to the element and add any CSS properties inline. Simply right click on the element and select Add Attribute. As commented, this only adds style to one element.

For IE10/11 see the other answer.

Upvotes: 12

joshb
joshb

Reputation: 5220

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

Upvotes: 38

Schezarde
Schezarde

Reputation: 11

Click on the Attributes Tab in the Developer Tools. You can add css there.

Upvotes: 1

Ulysses Alves
Ulysses Alves

Reputation: 2469

If IE is not finding the element you hover with the cursor it may be because part of the HTML code is being loaded with Ajax or another similar technique after the page have already being generated. If that is the case, you will have to close the inspector, reload the page, make all the steps necessary to show the element in wich you are interested and only then open the inspector again. Now it should find your element when you hover it so you can inspect it for whatever you need.

Upvotes: 1

Related Questions