7.3 Stildefinitionen für Eingabeelemente
Problem
Die Hintergrundfarbe der Eingabeelemente soll angepasst werden. Den Unterschied sehen Sie beim Vergleich von Abbildung 7-2 und Abbildung 7-3.
Abbildung 7-2. Das Formular ohne Stildefinitionen
Lösung
Versehen Sie die gewünschten Eingabeelemente mit einem class
-Attribut, und wählen Sie diese im CSS-Code über einen Klassenselektor aus, um die Stile zuzuweisen:
<h2>Einfaches Quiz</h2> <form action="simplequiz.php" method="post"> <p>Sind Sie <input type="radio" value="male" name="sex"class="radioinput"
> männlich oder <input type="radio" value="female" name="sex"class="radioinput"
> weiblich?</p> <p>Welche Zutaten ...
Get CSS Kochbuch now with the O’Reilly learning platform.
O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.