chromeで要素がフォーカスされたの時の表示などの確認を行う

a:focus などのCSSのスタイルや表示を確認したいとき、任意の要素に強制的にfocusを与えることがchromeで出来ます。

デベロッパーツールでelementsのタブを開きfocusにしたい要素を選択します。 選択したら右クリックし、 force element stateから:focusを選べばその要素にフォーカスすることが可能です。

この他にも:active　:hoverなども同様に使用できます。