Können Optionsfelder mit CSS so gestaltet werden, dass sie wie Kontrollkästchen aussehen?

Kann CSS ein Optionsfeld so gestalten, dass es einem Kontrollkästchen ähnelt?

Problem:

An Für HTML-Formulare sind Optionsfelder auf dem Bildschirm erforderlich, damit der Benutzer darauf zugreifen kann. Das Formular muss jedoch mit quadratischen Kontrollkästchen gedruckt werden, um die Kompatibilität mit den Anforderungen einer Regierungsbehörde zu gewährleisten. Wie kann diese stilistische Änderung allein durch CSS erreicht werden?

Antwort:

Mit der Eigenschaft „Erscheinungsbild“ in CSS ist es möglich, das Erscheinungsbild von Optionsfeldern so zu ändern, dass sie ähneln Kontrollkästchen in bestimmten Browsern. Dies kann mit dem folgenden CSS erreicht werden:

input[type="radio"] {
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
}

Dieses CSS wendet den Kontrollkästchenstil auf Optionsfelder in den angegebenen Browsern an, einschließlich Firefox, Chrome, Safari und Opera. Diese Lösung macht das Erstellen zusätzlicher Kontrollkästchen und deren Synchronisierung mit den Optionsfeldern mithilfe von JavaScript überflüssig.

Das obige ist der detaillierte Inhalt vonKönnen Optionsfelder mit CSS so gestaltet werden, dass sie wie Kontrollkästchen aussehen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!