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

文:Lana Kovacevic(Builder AU) 翻訳校正:石橋啓一郎
2008-04-08 08:00:00
  • このエントリーをはてなブックマークに追加

:enabled と :disabled

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

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

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

このサイトでは、利用状況の把握や広告配信などのために、Cookieなどを使用してアクセスデータを取得・利用しています。 これ以降ページを遷移した場合、Cookieなどの設定や使用に同意したことになります。
Cookieなどの設定や使用の詳細、オプトアウトについては詳細をご覧ください。
[ 閉じる ]