外部CSSでテキストボックスを設定したい。

質問

クラスセレクタやIDセレクタを使わずに、外部CSSでテキストボックスのスタイルを設定したいのです。
サブミットボタンやチェックボックス等の他のINPUTパーツに影響しないように設定することは可能でしょうか？
ブラウザはIE6です。

回答No.2

steel_gray · ベストアンサー

てっきりblogとかbody内の内容をいじれない状況かと思いましたがそうではないようですね。

テキストボックスだけの塊があるなら上位ブロックにclassを付け
<div class="text">
<input type="text" ～>
<input type="text" ～>
<input type="text" ～>
</div>
CSSで
.text input {
～
}
とか。

でも、個別につけておいたほうがなにかと便利ではあります。

私個人の場合でいえば実際にはinputには
fieldsetとかlabelとか少なくともpとか何かしらの要素で囲むのでinputにclassを付けるのは稀ですが、その上位の要素にはclassやidをほとんど付けています。

お礼

なるほど、こう書けばいいんですねー。
言われれば納得ですが、全然気づきませんでした。
おかげでうまくいきました、ありがとうございました。

回答No.1

steel_gray

http://www.zspc.com/documents/css2/index.html#selector1
IE6で修飾したいinputを区別するのに使えるかもしれないのは
子孫セレクタと
:first-line擬似要素ぐらい。

htmlの内容によってはできるかもしれないです。
(上位要素の構成に違いがあるとか、上位要素にはclassやidが付いてるとか)

ただ、できたとしても偶然感が強いのでidやclassが付与できない状況で属性セレクタが使えない以上、出来ないものと思っていた方がいいようです。

お礼

レスいただきありがとうございます。
テキストボックスの数が非常に多く、以前
input{[text="xxx"]のような使い方があった記憶があり（これはIEは不可だったはずですが）、こういった便利なやり方があればと思った次第です。
やはり外部で設定したい場合は、ひとつずつクラスセレクタをつけるのが一般的なやり方なんでしょうか。