CSS - Markierte Checkbox farbig hervorheben




<style>

/* Markierte Checkbox farbig hervorheben */

input[type=checkbox] + label {
  
color#000;
}

input[type=checkbox]:checked label {
  
colorDarkorange;
}
</
style>

</
head>
 <
body>

<
p><input type="checkbox" id="cb1"> <label for="cb1">Checkbox 1</label><br>
<
input type="checkbox" id="cb2"> <label for="cb2">Checkbox 2</label><br>
<
input type="checkbox" id="cb3"> <label for="cb3">Checkbox 3</label></p>

Siehe auch: Checkboxen und Radiobuttons farblich anpassen

Bausteine  Alle Anzeigen

Eine zufällige Auswahl von Codeschnipseln aus den Bereichen HTML, CSS, PHP, JavaScript und MySQL.

<br> Zeilenumbruch

CSS - Kompass-Animation

PHP - Mit PHP 5 E-Mail-Adresse sicher prüfen

JavaScript - Checkbox auf "unbestimmt" setzen

MySQL - Höchstwert einer Spalte ermitteln

Schlagzeile entscheidet
Maßgeblich beeinflusst wird dieser erste Eindruck durch die auf Ihrer Website verwendeten Headlines (Schlagzeilen): Wenn Sie Teaser, also Anreißer-Texte, verwenden, dann entscheidet die verwendete Headline oft, ob man zum Artikel weiterklickt. Die über einer Seite platzierte Haupt-Headline ist ein wichtiges Kriterium für die Entscheidung, ob weitergelesen wird oder nicht. Auch die im Text verwendeten Subheadlines spielen dabei eine große Rolle.