IE 11 开发者工具：检查 CSS :focus答案

【问题标题】：IE 11 Developer Tools: Inspect CSS :focusIE 11 开发者工具：检查 CSS :focus
【发布时间】：2015-05-31 12:56:11
【问题描述】：

在 Internet Explorer 11 开发人员工具中，检查元素后，您可以单击样式选项卡下的 a: 按钮以强制元素的悬停和已访问状态。

有没有办法为 :focus 做同样的事情？

我希望在获得焦点时能够看到应用于元素的 CSS 样式。

【问题讨论】：

【解决方案1】：

不幸的是，开发工具还不能以这种方式强制关注某个元素。

要查看元素的焦点样式，您可以手动关注该元素（例如通过单击或使用选项卡），然后检查该元素。

如果您先检查元素然后应用焦点，则焦点样式将不会显示。在这种情况下，您必须先检查另一个元素，然后再检查您关注的元素。

这是我刚刚制作的一个演示：

【讨论】：

这是一个很棒的技巧，这个演示真的很有用。如果有更多的 CSS 属性超出了框架的容量，则不可能看到它们，因为向下滚动窗格会改变被检查元素的状态。另一个 IE 挫折！
不幸的是不适用于 :active - 就在我需要调试 IE 渲染问题时，IE 开发工具又让我失望了。
+ 附加说明：开发工具必须停靠在主窗口中。