style-sheets.de hat Anfang 2004 einen kompletten Relaunch hingelegt. Viele neue und die meisten alten Inhalte sind nun im neu strukturierten CSS-Guide zu finden.
Diese Seiten enthalten daher unter Umständen veraltete Inhalte. Sie werden jedoch aus historischen Gründen und zur Vermeidung von toten Links auch bis auf weiteres online bleiben.
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;">
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.
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>
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>