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

Written by uechoco 10月 26
このエントリをはてなブックマークに追加[css][Firefox]<input>タグの特定のtypeにCSSを適用する「input[type=text]」のはてなブックマーク被リンク数このエントリをdel.icio.usに追加このエントリをLivedoor Clipに追加このエントリをBuzzurl(バザール)に追加

少し前から『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のトリビアくらいに覚えておけばいいかも。


このエントリをはてなブックマークに追加[css][Firefox]<input>タグの特定のtypeにCSSを適用する「input[type=text]」のはてなブックマーク被リンク数このエントリをdel.icio.usに追加このエントリをLivedoor Clipに追加このエントリをBuzzurl(バザール)に追加

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

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

Comments RSS rss うえちょこ@ぼろぐ TrackBack Identifier URI rss うえちょこ@ぼろぐ

コメントする