Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Inspect element with pseudo-class in IE

I'm looking for a method to inspect elements styled using pseudo-classes (such as :hover) from IE.

I am able to do this with Firefox using the Firebug HTML style drop-down that allows the browser to apply a pseudo-class to a selected element:

enter image description here

I am also able to do this in Chrome by toggling the element state:

enter image description here

However, I have not been able to find a similar option with IE developer tools. I've tried using Firebug Lite, but the same option that is present in Firefox does not seem to be in the Lite version.

Is there a way to apply pseudo-classes to elements in IE (similar to Firefox and Chrome) so that I may see how it's being styled, or otherwise observe pseudo-class styling in IE?

like image 607
Zhihao Avatar asked Jun 27 '12 18:06

Zhihao


People also ask

How do I add a pseudo-class to inspect element?

You can use the plus sign, then while the class or element is highlighted, add the pseudo element by editing the class or element name. Hitting the right arrow key will put you at the end.

Can you inspect element on Internet Explorer?

You can open the developer tools by inspecting the element: Open the browser. Right-click on the element to inspect. Choose the option Inspect or Inspect element.

Is () CSS pseudo-class?

The :is() CSS pseudo-class function takes a selector list as its argument, and selects any element that can be selected by one of the selectors in that list. This is useful for writing large selectors in a more compact form.


2 Answers

I've never found this in the native developer tools included with IE.

like image 126
Christopher Marshall Avatar answered Sep 30 '22 20:09

Christopher Marshall


It looks like IE 11 has this feature now, although it seems like it's only for Hover (and Visited for anchor tags).

enter image description here

like image 45
tehdiplomat Avatar answered Sep 30 '22 19:09

tehdiplomat