Formularfelder ändern (Design)

[Nonens]

Ich habe in der Suchfunktion schon mal geschaut, aber ich habe nichts passendes gefunden. Zwar glaube ich, das schon mal gelesen zu haben, aber entweder war ich zu blöd zum Suchen oder ich habe das woanders gelesen und weiß nicht mehr, wo.

Zu meiner Frage:
Wie kann ich mittels JS oder vielleicht auch mit CSS die Eingabefelder in einem Formular verändern? Z.B. so, daß dieser 3D Effekt verschwindet?

Ein Script in der Bauart habe ich auf jswelt.de nicht gefunden, habe schon nachgeschaut.

Wäre dankbar für jeden Tipp ...

 

[wagi]

Sowas kann CSS auch alleine:
Und es geht eigentlich genauso wie beim body tag oder ähnlichem.

Du schreibst einfach deinen style, z.B. Textfeld, wenn du dann ein Eingabefeld hast schreibst du einfach nur die Klasse dazu:
CLASS="textfeld"

.textfeld { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; line-height: normal; text-decoration: none; background-color: #FFCC00; border: thin #660000 dashed; clip: rect( ); color: #660000; text-transform: none}

zum beispiel.

 

[Nonens]

Danke Dir erstmal!

Hat soweit funktioniert. Allerdings legt er das Gestrichelte nur um die ursprüngliche Textform herum. Ich will den 3D Effekt ja aber weghaben.

Und wie bekomme ich das Gestrichelte weg? (Wenn ich das dashed rausnehme, passiert gar nichts, also, er macht die normale Textbox.)

Habe bei selfhtml geguckt, aber die CSS Angaben gab es nicht für Textfelder bei Formularen. Zumindest habe ich es nicht gefunden ...

Danke nochmal im nachhinein und im voraus.

 

[wagi]

hehe, hab dir meine css geschickt von ner seite...

.buttons { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; line-height: normal; text-decoration: none; background-color: #FFCC00; border: thin #660000 solid; clip: rect( ); color: #000000; text-align: center; vertical-align: middle; white-space: normal; cursor: hand}

dass sind die dazugehörigen Buttons, man beachte: kein 3d Effekt, kein gestricheltes. Also einfach anstatt dashed auf solid stellen- ich denk das solls sein!

 

[Nonens]

Danke Dir!

Allerdings ... leider ... hm ... wie soll ich sagen? Es ist leider immer noch der 3D-Effekt. Der Border liegt einfach nur um das Eingabefeld herum.

Habe mal einen Screenshot gemacht und angehängt, damit Du siehst, was ich meine.

 

[Nonens]

Habe es jetzt direkt in die Felder eingefügt. Jetzt geht's ...

Danke Dir nochmal!!!

 

[rasputin]

das ganze kann aber meines wissens nur er ie...

 

[wagi]

nene, der 6.xer NN kann das auch, und der Opera auch!

 

[rasputin]

ok, danke für die verbesserung!