Wie gestaltet man <input type="text"> in IE6 CSS?

Question

Gibt es eine elegante Möglichkeit, einen bestimmten Stil auf alle <input type="text"> Elemente unter IE6? Ich kann es mit einigen JavaScript zu tun, aber ich frage mich, ob es eine elegantere Möglichkeit, es zu tun war.

Hinweis: Ich kann eine bestimmte Klasse nicht von Hand auf alle Textfelder anwenden. Und ich würde gerne CSS-Ausdrücke vermeiden .

Answer 1

AFAIK, IE6 unterstützt nicht Attributselektoren Ich denke, die Antwort lautet daher nein. Sie müssten eine der folgenden Möglichkeiten nutzen:

1. Hinzufügen eines gemeinsamen Klassenattributs zu allen <input type="text"/> Elemente.
2. Verwenden Sie JavaScript, wie Sie vorgeschlagen haben.

Beides wollen Sie vermeiden. Pech gehabt.

Answer 2

Wenn Sie zufällig jQuery verwenden, versuchen Sie, dies zu Ihrem onDOMready hinzuzufügen:

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

In Ihrem CSS könnten Sie dann so etwas wie:

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

Answer 3

Haben Sie auch andere Eingabeelemente, die Sie anders gestalten möchten als das Element "Text"? Wenn nicht, wenden Sie den Stil einfach mit CSS auf alle Eingabeelemente an:

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

Answer 4

Funktioniert es für Sie, ein Klassenattribut auf Ihr Eingabeelement zu setzen?

input.text{

//Einige CSS-Attribute und -Werte hier....

}

• vielleicht eleganter als JS