css - IE 11 開発者ツール: CSS の検査 :focus

Question

Internet Explorer 11 開発者ツールでは、要素を検査する際に、[スタイル] タブの下の [a:] ボタンをクリックして、要素の Hover および Visited 状態を強制できます。

:focus で同じことを行う方法はありますか?

フォーカスされたときに要素に適用された CSS スタイルを確認できるようにしたいと考えています。

Answer 1

残念ながら、Dev Tools はまだこの方法で要素にフォーカスを当てることができません。

要素のフォーカス スタイルを表示するには、手動で要素にフォーカスし (たとえば、クリックまたはタブを使用)、要素を調べます。

最初に要素を検査してからフォーカスを適用すると、フォーカス スタイルは表示されません。その場合、最初に別の要素を検査し、次にフォーカスした要素を検査する必要があります。

ここに私が作ったデモがあります：