✔ Problem mit input bei IE

[poseidonTU]

Ich hab ein Problem mit der Formatierung von Eingabefeldern, allerdings nur beim Internet Explorer (7). Mein CSS dazu schaut so aus:

input[type="text"]
{
	background-color:#B4FE83;
	border-width:1px;
	border-style:dotted;
	border-color:#FFFFFF;
        color:#6C4B37;
}
input[type="password"]
{
	background-color:#B4FE83;
	border-width:1px;
	border-style:dotted;
	border-color:#FFFFFF;
        color:#6C4B37;
}
input[type="file"]
{
	background-color:#B4FE83;
	border-width:1px;
	border-style:dotted;
	border-color:#FFFFFF;
        color:#6C4B37;
}

Firefox interpretierts tadellos, unter IE krieg ich die ganz normalen standard-Felder.
Ich wills nicht mit mit input{} machen, weil dann die Buttons auch verändert werden.

Irgendwelche Ideen? Bin für alles dankbar...

mfg poseidon

 

[Maik]

Hi,

setze anstelle der Attribut-Selektoren CSS-Klassen ein:

input.text
{
	background-color:#B4FE83;
	border-width:1px;
	border-style:dotted;
	border-color:#FFFFFF;
        color:#6C4B37;
}
input.password
{
	background-color:#B4FE83;
	border-width:1px;
	border-style:dotted;
	border-color:#FFFFFF;
        color:#6C4B37;
}
input.file
{
	background-color:#B4FE83;
	border-width:1px;
	border-style:dotted;
	border-color:#FFFFFF;
        color:#6C4B37;
}

 

[poseidonTU]

ok... andere Möglichkeit gibts keine? Ich mein gibts eine Erklärung, warum der IE das nicht interpretiert?

Eleganter wärs natürlich wenn mans ohne modifizierung der php-files machen könnte...

 

[Maik]

Dein Stylesheet mit den Attribut-Selektoren funktioniert im IE7 / WinXP einwandfrei, hab's eben via Browserpool überprüft.

Lediglich seine Vorgängerversionen unterstützen diese Methode nicht.

Siehe auch { Schnellreferenz zu CSS 2.1 : Unterstützung durch die Browser }