Textarea-Formularfelder grafisch anpassen mit CSS
Auch mehrzeilige Eingabefelder sind mit Hilfe von CSS vor einer individuellen Farbgestaltung nicht mehr sicher.
Notwendig ist dazu lediglich der folgende Quellcode, der sowohl die Hintergrundfarbe als auch die farbliche Gestaltung des Scrollbalkens übernimmt.
<html>
<head>
<style type="text/css">
<!--
TEXTAREA {
background-color: lime;
color: red;
font-family: Verdana;
font-size: 10px;
scrollbar-3dlight-color: yellow;
scrollbar-arrow-color: red;
scrollbar-darkshadow-color: yellow;
scrollbar-face-color: lime;
scrollbar-highlight-color: yellow;
scrollbar-shadow-color: #CCCCCC;
scrollbar-track-color: #004080;
}
-->
</style>
<title>Textarea-Formularfelder grafisch anpassen</title>
</head>
<body>
<textarea cols="40" rows="5">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur ac tellus non turpis adipiscing fermentum. Aliquam at nunc. Suspendisse dolor arcu, vehicula lacinia, egestas id, vulputate sit amet, dui. Vivamus nec dui. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Phasellus porttitor, quam a nonummy condimentum, orci erat luctus nibh, a sagittis nibh sem quis wisi. Donec dolor felis, volutpat nec, iaculis non, sodales at, quam. Etiam massa nunc.</textarea>
</body>
</html>
Die Hintergrundfarbe wird mit dem CSS-Befehl background-color, die Schriftfarbe mit color sowie die Schriftart mit font-family und Schriftgröße mit font-size gesetzt.
Für die Formatierung des Scrollbalkens gelten die gleichen Regeln wie für die Definition des Scrollbalkens einer Webseite.
Kategorie: CSS
