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.

Das Formular ohne Stildefinitionen

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.