CSS Formulare: Gegen das Standard-Grau

Das Einheitsgrau im Formulardesign muss nicht sein, denn mit CSS und zusätzlich auch Grafiken sind dem Webdesigner mächtige Möglichkeiten gegeben, um einzelne Elemente der Seite per Style Sheet zu beeinflussen. Hier zeigen wir, wie man die Eingabefelder von Formularen verschönert – das geht aber auch mit dem Submit-Button!

<input type="text" value="Standard-Formular">

Mit dem Zusatz style=“border: 1px solid black“ lässt sich schon viel erreichen:

<input type="text" value="Standard-Formular" 
style="border: 1px solid black">

Anderer Randstil:

<input type="text" value="Standard-Formular" 
style="border: 1px dotted red">

Oder durchsichtig:

<input type="text" value="Standard-Formular" 
style="border: 1px dotted red; 
background: transparent">

Mit eigenen Farben:

<input type="text" value="Standard-Formular" 
style="border: 1px solid black; 
background-color: #777777; 
color: white;">

Oder Hintergrundbild:

<input type="text" value="Standard-Formular" 
style="border: 1px solid black; 
background-image:url('rahmen.gif')">