Formulare: Formularfeld mit CSS formatieren
Die HTML-Formularfelder versprühen nicht sonderlich viel Charme. Es sind eben Formulare. Doch mit ein wenig CSS machen Sie aus den drögen Feldern attraktive Eingabeboxen. Ein Beispiel:
<input style="background-color: beige;color:black;border:none"/>
Damit zeichnet der Browser ein Eingabefeld mit beigem Hintergrund. Die Schrift der Eingabe erscheint schwarz. Außerdem entfernt border:none den hässlichen Rahmen rund um das Formularfeld.
Sie möchten doch lieber einen Rahmen, aber in einer anderen Farbe? Bittesehr:
<input name="test" style="background-color: beige;color:black;border-style:solid;border-width:1px;border-color:black"/>
Der border-style bestimmt mit solid, dass es sich um einen durchgehenden Rahmen handelt. Die border-width legt einen ein Pixel breiten Rahmen fest. Und border-color färbt den Rahmen black, also schwarz.
Im praktischen Einsatz sollten Sie diese Anweisungen natürlich in ein ordentliches Stylesheet packen.
Add to Del.icio.usBedingungen für die Kommentareingabe
Hinweis
