[css][Firefox]<input>タグの特定のtypeにCSSを適用する「input[type=text]」

カテゴリ: Webデザイン / author: uechoco / 2007年10月26日 16:07:37
この記事を読む時間:154くらい

少し前から『PHPフレームワーク完全マスター―PHP5.2.3PHP4.4.7対応』をちょっとずつ読み進めています。1日10分くらいずつなのでぜんぜん進みませんが、気にしません。

本にサンプルソースコードが載っていて、それを打ち込んで実行して勉強していたのですが、サンプルのcssファイルのソースコードに見たことない構文がありました。

CSS:
  1. div.login input[type=text],
  2. div.login input[type=password] {
  3. display: inline;
  4. width: auto;
  5. }

まぁ、見ればどんな効果か想像できる構文ですが、どうやら<input>タグの特定のtypeに対してのみcssを適用する方法だったみたいです。ただ、『エレメントで<input type="text">のみスタイルを変える』で見たところ、IEは対応しておらず、NNの6.0から対応しているものらしいです。IEはclassやidを指定してあげるか直接styleを指定してあげないといけないようですね。まぁWebサイトでinputにcssをつけたい場合は、IEにあわせてclassやidをつけて対応しろってことですね。

cssのトリビアくらいに覚えておけばいいかも。



コメントはまだありません »

コメントはまだありません。

この投稿へのコメントの RSS フィード。 TrackBack URI

コメントする

Copyright © 2012 うえちょこ@ぼろぐ. WP Theme created by Web Top.