Menu
In Chromes Dev Tools, you can select an element and enable the hover state. Is there a way that this can be done in Internet Explorers Dev Tools?
803
In the Elements panel click over Toggle Element state button and select :hover . In the Scripts panel go to Event Listeners Breakpoints in the right bottom section and select Mouse -> mouseup . Now inspect the Menu and select the box you want.
The :hover selector is used to select elements when you mouse over them. Tip: The :hover selector can be used on all elements, not only on links. Tip: Use the :link selector to style links to unvisited pages, the :visited selector to style links to visited pages, and the :active selector to style the active link.
Some problems arise on small touch screen devices that do not support hover. Also, hover will not work if you use the wrong CSS format. Note that if you do not get the specificity right, the hover style will not work.
I am not sure what version of IE you were using when you asked this question.
Just for everyone's information, I am able to view the hover style through the HTML tab by using the following sequence of steps in IE 9:
You can now view the hover CSS.
Edit (Jan 2015):
In IE 11, you click the large blue "a:" icon that appears in the top right of the Styles pane of the DOM Explorer, and then check the "Hover" checkbox.
101
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
