Wie ändere ich endlich die Farben der Kontrollkästchen in Firefox?

Farbe von Kontrollkästchen ändern: ein hartnäckiges Rätsel

Die Gestaltung der Hintergrundfarben von Kontrollkästchen war in der Vergangenheit eine Herausforderung. Trotz Styling-Versuchen waren Firefox 29-Benutzer durchweg mit unveränderten Kontrollkästchenfarben konfrontiert.

Suche nach Lösungen

Entwickler haben verschiedene CSS-Regeln untersucht, darunter:

<code class="css">input[type="checkbox"] {
    background: #990000;    
}

.chk {
   background-color: #990000;
}</code>

Diese Versuche haben sich jedoch als erfolglos erwiesen.

Brave New World

Mit der Einführung der CSS-Eigenschaft „accent-color“ wurde die Browserunterstützung endlich für das Kontrollkästchen-Styling erweitert . Jetzt können Entwickler einfach ihre gewünschte Farbe zuweisen:

<code class="css">#cb1 {
  accent-color: #9b59b6;
}

#cb2 {
  accent-color: #34495e;
}

#cb3 {
  accent-color: #e74c3c;
}

<input id="cb1" type="checkbox" checked>
<input id="cb2" type="checkbox" checked>
<input id="cb3" type="checkbox" checked></code>

Dieser Durchbruch ermöglicht es Entwicklern, die Farben von Kontrollkästchen mühelos anzupassen und eröffnet so ein neues Maß an Designflexibilität.

Das obige ist der detaillierte Inhalt vonWie ändere ich endlich die Farben der Kontrollkästchen in Firefox?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!