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

y-ozaki 146views 更新:2014年12月19日

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

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

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

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません