IE、Firefox、Safari、OperaのCSSに関する互換性

文:Lana Kovacevic(Builder AU)
翻訳校正:石橋啓一郎
2008/04/08 08:00

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

:enabled と :disabled

 これは、有効な(enabled)あるいは無効な(disabled)form要素に対するスタイルを指定する。以下のサンプルコードでは、テキストフィールドに対してこれらをどのように適用できるかを示したものだ。テキストフィールドが無効でユーザーの入力を受け付けない場合、枠幅は1pxの赤色、背景色は黒になる。また有効なテキストフィールドは、枠幅が1pxの黒、背景色が#FF9966になる。

 今回も、このコードはIEでは動作しないが、他の3つのブラウザでは正しく動作した。以下のスクリーンショットは、このコードがブラウザによってどのように表示されるかを示したものだ。

各ブラウザでの:enabledと:disabledの実装状況

記事の感想やご意見をコメントでお寄せください(CNET_IDログインが必要です)
ログイン パスワードを忘れた方  |  新規登録
  • 新着記事
  • 人気記事
  • 特集
  • ブログ