✔ Stylezuweisung für Optionsfeld

[WiZdooM]

Hallo,

Ich hab ein PHP-Script verwendet, dass unausgefüllte Felder nach einer Validierung mit einem roten Rahmen versieht.

Dazu schreibt das PHP script

<style>
#Nachname {border: 1px solid #ff0000;}
</style>

in den Body der Seite.
Solange das Feld "Nachname" ein Textfeld oder DropDownfeld ist, wird es rot umrahmt. Sowohl in Firefox als auch im IE. Doch sobald ich ein Optionsfeld oder Checkboxfeld nehme, umrahmt er es im Firefox nicht mehr. Da das PHP-Skript offensichtlich funktioniert (wenn es ein Textfeld ist) muss es wohl ein Browser Problem sein - Vielleicht weiß jemand von Euch mehr ? WIe sieht die Deklaration für FF/Opera etc aus ?

 

[Maik]

Hi,

lies dir mal den Artikel Styling form controls durch, und betrachte die Browserinterpretationen (auf den einzelnen Betriebssystemen) der angewandten CSS-Formatierungen auf die genannten Formularelementen an, die u.a. auch eine border-Deklaration beinhaltet:

1. Styled checkboxes
2. Styled radio buttons
3. Styled select boxes

mfg Maik

 

[WiZdooM]

Danke Maik.

Aber heisst das nun : Je nach Browser bekomme ich einen Rahmen oder auch nicht ?
So wie es aussieht kann Mozilla keinen Rahmen um Checkboxen/Radiobuttons legen und der IE keinen Rahmen um Dropdownfelder.

<offtopic> Wenn das so ist, gehören alle Browserentwickler an die Wand gestellt und standrechtlich erschossen.</offtopic>

Hast du oder jemand anders eine Idee wie man es trotzdem unter einen Hut bekommen kann ?

 

[Maik]

Aber heisst das nun : Je nach Browser bekomme ich einen Rahmen oder auch nicht ?

So sieht's aus.

Hast du oder jemand anders eine Idee wie man es trotzdem unter einen Hut bekommen kann ?

Du kannst es ja mal mit Niceforms versuchen, die auf JS basieren.

mfg Maik

 

[WiZdooM]

Ich werde mir da wohl etwas anderes ausdenken müssen.

Zu den niceforms: Werde ich mir mal ansehen. Ich habe nur bedenken, dass von den Benutzern meiner Webform ein Großteil JS deaktiviert hat... Ist wie mit Flash *seufz*

Danke dir Maik für die Hilfe. Ich betrachte das Thema damit dann erstmal als erledigt.