CSS - Checkboxen und Radiobuttons farblich anpassen




70% Progress




70% Progress




70% Progress




70% Progress

<style>
input[type="checkbox"],
input[type="radio"],
input[type="range"],
progress {
 accent-color: #FF0000;
}
</style>

<p>
<label> <input type="checkbox" checked="checked"> Checkbox </label> <br>
<label> <input type="radio" checked="checked"> Radiobutton </label> <br>
<label> <input type="range"> Slider </label> <br>
<progress value="70" max="100"> 70% </progress> Progress
</p>

Funktioniert nicht im: Mozilla Firefox-Browser, sondern nur auf Chromium basierten Browsern (wie: Edge, Opera, Chrome, …).

Siehe auch: Listenelemente einfärben

Bausteine  Alle Anzeigen

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

<img> Grafikreferenz

CSS - Wertigkeiten verändern mit der !important-Regel

PHP - Inhalt auf einen bestimmten Zeitraum pro Tag begrenzen

JavaScript - CSS über Javascript einbinden

MySQL - Daten aus zwei Tabellen auslesen