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 O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.