input - Eingabefeld

gewöhnliches Eingabefeld / gestyltes Eingabefeld

Der Code hierfür ist:

<input name="" size="40" maxlength="60"
value="CSS-Dokumentation" style="border: dotted 1px #ff8000;
color: #0000e0;">

input - Button

Normaler Button / Button mit border, color und background-color

Der Code hierfür ist:

<input type="button" value="Button"
style="border: solid 1px black; background-color: #00e0ff;
color: #001060;">

Wollen Sie dem Button mittels background-image ein Hintergrundbild anstatt eines Textes zuweisen sollten Sie dem Button auch eine Höhe und eine Breite zuweisen, die in ihren Ausmaßen dem Bild entspricht, da es sonst abgeschnitten wird.

Auswahllisten

Normale Auswahlliste / Mit CSS modifizierte Liste

Der Code hierfür ist:

<select name="auswahlliste" size="1"
style="background-color: #00c0ff; color: #0070c0;">
<option>Option 1
<option>Option 2
<option>Option 3
</select>

Textarea

normale Textarea / "enhanced" Textarea

Der Code hierfür ist:

<textarea name="" rows="10" cols="50"
style="scrollbar-base-color: #0098ff; scrollbar-arrow-color: #006898;
background-color: #e0e0e0;"></textarea>