• builder Top
• HTML/CSS
  • XHTML
  • Internet Explorer
  • Webデザイン
  • Photoshop
  • Firefox
  • ...

ブラウザによっては、CSSが正しく実装されていないこともある。この記事では、最新のIE、Firefox、Safari、Operaの4つのブラウザで、いくつかのCSSの疑似クラスの実装状況をテストしてみた。

:focus

　この疑似クラスに付随するスタイルは、フォーカスのある要素に適用される。以下のコードでは、ユーザーがテキストフィールドの中をクリックすると背景色が黄色になる。これはつまり、フォーカスのあるテキストフィールドのことだ。

　このCSSのコードはFirefox、Safari、Operaでは正しく動作したが、IEでは動作しなかった（以下のスクリーンショットを参照して欲しい）。

記事へのアクション
• 記事をクリップする
• builderブログを書く
• 印刷

記事の評価
• 13人の推薦記事
• 10人がクリップ
  • oyuki
  • Blues
  • ボヤ
  • dummyx
  • leonian
  • Jitta
  • torichi
  • longarms
  • Vermilion
  • taikiken
• ソーシャルブックマーク(-)
• トラックバック(0)
• • タグ
  • pseudo-class
  • ブラウザの互換性
  • 互換性テスト
  • 疑似クラス
  • CSS
  • browser
  • ブラウザ
  • 互換性
  • css
  • 参考

記事にタグをつけてクリップするにはCNET_IDへの登録が必要です。

CNET_IDログイン／新規登録 閉じる