internet-explorerie-developer-toolsmousehover

Is there a way to test CSS :hover in IE Developer tools?

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?

Solution

  • 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:

    1. Open the developer tool
    2. Hover over the element you want to view its hover CSS while leaving the developer window focused.
    3. Press F5 while your mouse is still over the element
    4. Ctrl + B and click on the element

    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.