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

Mat*_*tyP 39 internet-explorer ie-developer-tools mousehover

在Chromes Dev Tools中,您可以选择一个元素并启用悬停状态.有没有办法可以在Internet Explorers Dev Tools中完成?

Leo*_*Lei 47

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

只是为了每个人的信息,我可以通过使用IE 9中的以下步骤顺序通过HTML选项卡查看悬停样式:

  1. 打开开发人员工具
  2. 将鼠标悬停在要查看其悬停CSS的元素上,同时保持开发人员窗口的焦点.
  3. 当鼠标悬停在元素上时按F5键
  4. 按Ctrl + B并单击元素

您现在可以查看悬停CSS.

编辑(2015年1月):

IE 11中,单击DOM Explorer的"样式"窗格右上角显示的大蓝色"a:"图标,然后选中"悬停"复选框.

  • 哇,这确实有效,但只有你使用这个确切的步骤序列.如果不将开发人员窗口置于焦点,则键盘命令将无法正常工作. (4认同)
  • 这在我的测试中不适用于IE11. (4认同)
  • 很有帮助.太糟糕的IE继续使用最不实用的浏览器开发工具包(这仍然是IE10的答案).OP应该接受这个答案.谢谢. (3认同)

jas*_*ruz 20

在IE11中,单击DOM Explorer的"样式"窗格右上角显示的大蓝色"a:"图标,然后选中"悬停"复选框. 带有:突出显示的Internet Explorer 11 F12开发人员工具的屏幕截图

如果看不到"a:",请首先在DOM Explorer的左窗格中选择元素或HTML标记.