CSS Formulare: Gegen das Standard-Grau

Das Einheitsgrau im Formulardesign muss nicht sein, denn mit CSS sind dem Webdesigner mächtige Möglichkeiten gegeben, um einzelne Elemente der Seite per Style Sheet zu beeinflussen.

<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')">