CSSの:focusのスタイルを確認する
こんにちは、ピーターです。
Google ChromeのデベロッパーツールのElementsパネルで要素のスタイルを見ていたら、:focusのスタイルが表示されていませんでした。
inputタグだったのでテキストボックスをクリックしてフォーカスを当て、右クリックして[要素を検証]ってやっても表示されません。マジか、と思い、一旦別のことをやり出しました。
そのあとなんとなくElementsパネル上で要素を右クリックしたら、[Force element state]というメニューが目に止まりました。そういえばこの中になんかあったぞと思い、その中の:focusをクリックしたら:focusのスタイルが表示されました。
まとめ
:focusのスタイルを確認するには
- Elementsパネル上で要素を右クリック
- [Force element state] > [:focus]
最近のコメント