有没有办法测试CSS:悬停在IE Developer工具中?

有没有办法测试CSS:悬停在IE Developer工具中?

问题描述:

在Chromes Dev Tools中,您可以选择一个元素并启用悬停状态。有没有办法可以在Internet Explorers Dev 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?

我不确定你是哪个版本的IE当你提出这个问题时使用。

I am not sure what version of IE you were using when you asked this question.

只是为了每个人的信息,我可以通过HTML标签查看悬停样式,方法是使用中的以下一系列步骤IE 9

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. 打开开发人员工具

  2. 将鼠标悬停在您想要的元素上在离开开发人员窗口时查看其悬停CSS

  3. 当鼠标悬停在元素上时按F5

  4. Ctrl + B并单击元素

  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

您现在可以查看悬停CSS

编辑(2015年1月):

Edit (Jan 2015):

IE 11 中,点击大蓝 a:显示在DOM资源管理器样式窗格右上角的图标,然后选中悬停复选框。

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.