有没有办法testingCSS：hover在IE开发工具？

在Chromes开发工具中，您可以select一个元素并启用hover状态。 有没有一种方法可以在Internet Explorers Dev Tools中完成？

Answer 1

当你问这个问题时，我不确定你使用的是什么版本的IE。

只是为了大家的信息，我可以通过使用IE 9中的以下步骤，通过HTML选项卡查看hover样式：

1. 打开开发者工具
2. 将鼠标hover在要查看其hoverCSS的元素上， 同时将开发人员窗口关注 。
3. 当鼠标仍在该元素上时按F5
4. 按Ctrl + B并点击元素

您现在可以查看hoverCSS 。

编辑（2015年1月）：

在IE 11中 ，单击DOM Explorer的“样式”窗格右上angular出现的蓝色大“a：”图标，然后选中“hover”checkbox。

Answer 2

在IE11中，单击DOM Explorer的“样式”面板右上angular出现的蓝色大“a：”图标，然后选中“hover”checkbox。

如果看不到“a：”，请首先在DOM Explorer的左窗格中select一个元素或HTML标记。

Answer 3

我无法在IE开发者工具中findCSS：hover状态。 所以我刚刚从一个小书签中使用了Firebug Lite。

Answer 4

老雷的build议奏效。 当您打开开发者工具时，请确保它正在聚焦，以便它可以接收快捷命令 – 当您单击页面的滚动条或页面时，它会关注浏览器窗口，并将所有快捷命令发送到页面。 为避免错误，请执行以下操作：

1. find你需要的元素
2. 打开开发者工具
3. 关注开发者工具的窗口
4. hover你想要的元素
5. 按F5而不移动鼠标
6. 按Ctrl + B并点击元素

最好的祝福。

Answer 5

对于那些在Google上发现这个问题的人，我创build了一个跨浏览器工具，只需移动鼠标即可显示HTML / CSS布局。 您可以轻松查看hover状态下的元素。

HTML Box Visualizer – GitHub