ログインしてさらにmixiを楽しもう

コメントを投稿して情報交換!
更新通知を受け取って、最新情報をゲット!

CSSテクニックコミュのhtmlにクラスやIDを書き込まずに、cssファイルだけでinput type=textなものだけにスタイルを適用したい

  • mixiチェック
  • このエントリーをはてなブックマークに追加
クラスやIDを書き込まずに、cssファイルだけでinput type=textなものだけにスタイルを適用したいのですが、何か良い方法はありませんでしょうか?

理由としては、それぞれの
<input type="text" name="example01" maxlength="20" size="20">というようなものに対して、htmlを書き換えることなく一斉にスタイルを適用したいと考えている為です。
なお、inputだけにすると
input type="checkbox"なものにも適用されてしまうため、
あくまで、input type="text"なものに限定してcssを適用したいです。

どなたかFirefox2、IE6, IE7で動くこの方法をご存じの方がいらっしゃいましたらお願いいたします。

コメント(7)

http://www.dustindiaz.com/input-element-css-woes-are-over/

IEでちゃんと動くかは確認してませんが。
スタイル自体は動かないと思うけど。

属性セレクタ。
input[type="text"]

ブラウザはあまり対応されていない模様。
セレクタはFirefoxならばっちり対応してるはず。
ieはほとんど使わないので知りません。
ieだけなら独自拡張のextentionを使えばできそうですね。
あとで時間があったら作ってみまs

あと、
http://www.yomotsu.net/lab/javascripts/inputclass#article
とかどうでしょうヵ…。

ログインすると、みんなのコメントがもっと見れるよ

mixiユーザー
ログインしてコメントしよう!

CSSテクニック 更新情報

CSSテクニックのメンバーはこんなコミュニティにも参加しています

星印の数は、共通して参加しているメンバーが多いほど増えます。

人気コミュニティランキング