如何在元素悬停期间查看应用的样式

Question

有没有办法查看在Internet Explorer中悬停元素时应用的样式？我们可以在控制台栏中看到Chrome和Firefox在样式标签中提供此功能。

我想知道在Internet Explorer中是否可以查看相同的内容。如果是这样的话？

Answer 1

一旦您按下F12并选择了相关元素，您将在右侧显示CSS样式 - 但是当您将鼠标悬停在FireBug中的元素上时不会更新 - 也不能将其状态设置为' ：徘徊'。您可以做的是，一旦选择了元素，确保焦点位于开发人员栏上并将鼠标悬停在页面上的元素上 - 同时悬停在其上，按F5 - 如果您现在重新选择该元素，则样式在右侧将显示:hover样式（“跟踪样式”也将更新）

Answer 2

在IE中，您只需按F12即可显示开发者控制台。在那里你会找到一个CSS选项卡。 或者在启动开发者控制台（F12）之后，您可以使用指针工具突出显示页面上的元素，并在Developer Console的右侧窗格中查看元素样式

http://www.sitepoint.com/debug-faster-with-f12-developer-tools-in-internet-explorer-9/

Answer 3

您可以导航到

工具＆gt;＆gt; DeveloperTools

Shotcut-F12

Answer 4

转到InternetExplorer菜单： - ＆gt;工具 - ＆gt;开发人员工具快捷方式：f12