How to see styles used when hovering an element in

Question

Is there a way to view the styles that are used when an element hangs in Internet Explorer? Chrome and Firefox provide this in the styles tab, as we see in the console panel.

I want to know if it is possible to view the same thing in Internet Explorer. If so, how?

Answer 1

As soon as you press F12 and select the element in question, you will be shown the CSS styles on the right - this, however, does not update when you hover over the element, as in FireBug, and you cannot set it as': soar . What you can do is when the element is selected, make sure that the focus is on the developer panel and hover over the element on the page - while it is pointing at it, press F5 - if you are re-selecting this element now, the styles on the right side will show you styles :hover (trace styles will also be updated)

Answer 2

In IE, you just press F12 and it will open the developer console. There you will find the CSS tab. Or, after creating the developer console (F12), you can use the pointer tool to highlight an element on your page and you will see style elements in the right panel of the developer console

http://www.sitepoint.com/debug-faster-with-f12-developer-tools-in-internet-explorer-9/

Answer 3

You can go to

Tools → DeveloperTools

Shotcut-f12

Answer 4

go to InternetExplorer menu: → Tools-> Developer Tools Shortcut: f12