formularfelder mit css formatieren

[Superpoempel]

hi leute,
möchte formularfelder mit css formatieren. bei den textboxen möchte ich nur einen rahmen ohne diesen schatten bzw. 3d-effekt. es soll quasi nur als rechteck mit rahmen sichtbar sein. das gleiche soll bei den checkboxen passieren. wie geht das? ist eigentlich auch die farbe des häckchens in den checkboxen auch veränderbar?

gruß
superpoempel

[LizZardsweb]

Hi,

deine Formularfelder kannst du beispielsweise so formatieren:

input {
border: 1px solid 'BORDERFARBE;
background: #FFFFFF;
}

auf dieser Basis solltest du auch die anderen Formularelemente formatiert bekommen.
Das Checkboxhäkchen lässt sich meines Wissens nicht anpassen.

Grüße,
LizZard

[ttb]

Moin,

meinst du mit textbox <textarea>?

Wie von LizZardsweb schon geschrieben, nur anstatt mit input mit textarea im CSS.

Beispiel:

textarea { border: 1px solid blue; background: yellow; color: green; }

Farben passen jetzt nicht wirklich zusammen, aber sie sollen auch nur das Prinzip zeigen.

Eine Check-/Radiobox kann man nach dem selben Schema formatieren, allerdings macht es derzeit wohl nur Opera (getestet mit 9.10) ganz richtig und der IE (Version 7) fast richtig.

    <style type="text/css">
    .checktest { color: yellow; border: 1px solid red; background: blue; }
    </style>
...
     <input type="checkbox" name="check" class="checktest" value="abc" /> abc
     <input type="radio" name="radiobuttons" class="checktest" />

[webcreate]

Formular Elemente lassen sich nur bedingt stylen.
Man kann aber auf JavaScript ausweichen.
http://www.blueshoes.org/en/javascript/checkbox/
Mehr findet man dann links in der Navi.

[Thomas]

ganz interessant, wenn du dich einlesen möchtest:

http://www.drweb.de/formulare/formul...sammlung.shtml