input button per externe CSS Datei ansprechen

[Fabian St.]

Hi!

"....
input { border:solid 1px #000000; }
...."

Auf meine Webseite gibt es aber zwei verschiedene Arten von Input Felder. Zum einen zB:

<input type=button value="Zurück" onClick="history.back()">

soweit, so gut. Wird alles wunderbar mit einem feinen schwarzen Rahmen angezeigt wie es sein soll. ABER: es gibt noch die andere Variante:

<input type=image value="Bestellen" src="bild.gif">

also eine Input Button mit Bild! dies sollte keine Rahmen haben. Ich habe leider keine möglichkeit den Problem inerhalb des <input> Tags per " style="border:none;" " zu lösen da alle Buttons automatisch generiert werden. Was ich bräucht wäre eine Tipp wie ich in meine Externe CSS Datei die zwei unterschiedliche Input Varianten ansprechen kann. Ich denke dabei analog zur a und a:hove an sowas wie input:button , input:image

Diese Möglichkeit gibt es und sie würde so aussehen:

  
input[type=image] {  
                     border: none  
}  

Siehe hierzu auch: http://de.selfhtml.org/css/formate/zentrale.htm#attributbedingte

Leider unterstützt der IE 6.0 diese Formatierung nicht, da er sich nicht an die CSS 2.1 Vorgaben des W3C hält. Daher müsstest du wohl auf Klassen umsteigen oder du findest eine Möglichkeit, sog. Descending Selectors zu verwenden (abhängig von der HTML-Struktur).

Grüße,
Fabian St.