css - スタイリング方法IE6 CSSで？

Question

<input type="text">IE6のすべての要素に特定のスタイルを適用するエレガントな方法はありますか? 私は JavaScript でそれを行うことができますが、もっとエレガントな方法があるかどうか疑問に思っていました。

注 - 特定のクラスをすべてのテキスト ボックスに手動で適用することはできません。また、CSS 式は避けたいと思います。

Answer 1

私の知る限り、IE6 は属性セレクターをサポートしていないため、答えはノーだと思います。次のいずれかを使用する必要があります。

1. <input type="text"/>すべての要素に共通のクラス属性を追加します。
2. あなたが提案したように、JavaScriptを使用してください。

どちらも避けたいものです。残念な。

Answer 2

jQuery を使用している場合は、これを onDOMready に追加してみてください。

$('input[type="text"]').addClass('typeText');

次に、CSS で次のようなことができます。

input.typeText, input[type="text"] {
     color:#efefef;
}

Answer 3

入力要素にクラス属性を配置しても問題ありませんか?

入力テキスト{

//いくつかの CSS 属性と値をここに....

}

• 多分JSよりエレガント

Answer 4

「テキスト」要素とは異なるスタイルにしたい他の入力要素もありますか? そうでない場合は、CSS を使用してすべての入力要素にスタイルを適用します。

input {
border: 1px #8194b2 solid;
font : normal 100% "Tahoma", sans-serif;
}