css - 入力フィールドとテキスト フィールドの背景色

Question

フォームのテキスト フィールドと入力フィールドの背景色を変更したいのですが、これを行うと送信ボタンにも影響します。ボタンに影響を与えない他の方法で行うことはできますか?

私はこのコードを使用しました：

input, textarea {
  background-color: #d1d1d1;
}

Answer 1

input[type="text"], textarea {

  background-color : #d1d1d1; 

}

それが役立つことを願っています:)

編集：実例、http://jsfiddle.net/C5WxK/

Answer 2

input[type="text"]最善の解決策は、他の人が提案したように、CSS（）の属性セレクターです。

ただし、 Internet Explorer 6をサポートする必要がある場合は、それを使用できません（QuirksMode）。まあ、あなたがそれをサポートする必要があり、また喜んでそれをサポートする場合にのみ。

この場合、唯一のオプションは入力要素にクラスを定義することのようです。

<input type="text" class="input-box" ... />
<input type="submit" class="button" ... />
...

そして、クラスセレクターでそれらをターゲットにします。

input.input-box, textarea { background: cyan; }

Answer 3

テキスト型の入力フィールドに制限したいので、(すべての入力フィールドに適用されます (例: 提出型のものも))input[type=text]ではなくセレクターを使用します。input