社員ブログ
HOME  社員ブログ
ホーム > CSS, 社員:ピーター > CSSの:focusのスタイルを確認する

CSSの:focusのスタイルを確認する

2013年07月26日 18時36分21秒

こんにちは、ピーターです。

Google ChromeのデベロッパーツールのElementsパネルで要素のスタイルを見ていたら、:focusのスタイルが表示されていませんでした。

inputタグだったのでテキストボックスをクリックしてフォーカスを当て、右クリックして[要素を検証]ってやっても表示されません。マジか、と思い、一旦別のことをやり出しました。

そのあとなんとなくElementsパネル上で要素を右クリックしたら、[Force element state]というメニューが目に止まりました。そういえばこの中になんかあったぞと思い、その中の:focusをクリックしたら:focusのスタイルが表示されました。

まとめ

:focusのスタイルを確認するには

  1. Elementsパネル上で要素を右クリック
  2. [Force element state] > [:focus]

CSS, 社員:ピーター

  1. コメントはまだありません
  1. トラックバックはまだありません