nicht angemeldet
Formulargestaltung - Umrandungen, schwarz, 1 Pixel
Hallo,
ich habe ein CSS-Problem. Der Styleguide meines Kunden sieht vor, dass
alle Formularelemente eine 1 Pixel breite schwarze Umrandung (also kein 3D-Effekt)
haben.
Bei einem Texteingabefeld ist das kein Problem (da weigert sich nur Netscape 4.7).
Mein Code:
.suchfeld {
width:200px;
height:20px;
border-right: black 1px solid;
border-left: black 1px solid;
border-top: black 1px solid;
border-bottom: black 1px solid;
font-family:Arial;font-size:11px
}
Bei Checkboxen ist die Linie im Internet Explorer ungefähr mit je 2 Pixel Abstand
um die Checkbox herum dargestellt (Netscape 6.2 arbeitet hier korrekt, Netscape 4.7 ignoriert alles ;o))
Bei select-Feldern ignorieren alle oben genannten Browser das CSS.
Habt ihr einen Tipp? Also der Netscape 4.7 hat nicht oberste Prio, aber im IE und Netscape 6
sollte es schon klappen.
Danke schon mal,
Claudia
-
Hi,
gehen wir ml davon aus, das select-Feld liegt in einer Tabellenzelle.
Dann mach den Rahmen doch einfach da rum.CYA
Thorsten -
Hallo Claudia,
Bei select-Feldern ignorieren alle oben genannten Browser das CSS.
Habt ihr einen Tipp? Also der Netscape 4.7 hat nicht oberste Prio, aber im IE und Netscape 6
sollte es schon klappen.du kannst bei select-Feldern nur Einfluss auf den 'inneren' Teil nehmen, also Hintergrund, Schrift -größe, -farbe, -art, -stil, etc. und nicht auf das Aussehen der eigentlichen Select-Box als solches (da diese meines Wissens nach vom verwendeten Betriebssystem und nicht vom Browser des Users abhängig ist)!
Somit lässt sich dein Problem nur dadurch lösen, indem du auf ein select-Feld verzichtest, und dieses quasi 'simulierst' z.B. durch einen div-Container mit sich ändernder Höhe bei einem mouseover bzw. mouseout. Da gäbe es viele Möglichkeiten.
Gruß Gunther