Wie kann ich HTML-Optionsfelder so gestalten, dass sie beim Drucken wie Kontrollkästchen aussehen?

HTML-Optionsfelder als Kontrollkästchen gestalten

Problem:
Benutzer benötigen gedruckte Formulare, die offiziellen Regierungsdokumenten ähneln , einschließlich Optionsfeldern, die als quadratische Kontrollkästchen gestaltet sind. Trotz der Bildschirmanzeige von Optionsfeldern muss die gedruckte Version den Kontrollkästchenstil widerspiegeln.

Lösung:

Moderne Browser wie Firefox 1, Chrome 1, Safari 3 , und Opera 15 unterstützen die Erscheinungseigenschaft, die es ermöglicht, Optionsfelder so zu gestalten, dass sie Kontrollkästchen nachahmen. So erreichen Sie dies:

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

Dieser Code wendet das Kontrollkästchen-Erscheinungsbild auf alle Optionsfelder an. Das Ergebnis in unterstützten Browsern ist:

<label><input type="radio" name="radio"> Checkbox 1</label>
<label><input type="radio" name="radio"> Checkbox 2</label>

Mit der Eigenschaft „Erscheinungsbild“ ist es möglich, Optionsfelder als Kontrollkästchen zu gestalten und gleichzeitig die Komplexität der Erstellung und Synchronisierung von Schatten-Kontrollkästchen mit JavaScript und CSS zu vermeiden.

Das obige ist der detaillierte Inhalt vonWie kann ich HTML-Optionsfelder so gestalten, dass sie beim Drucken wie Kontrollkästchen aussehen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!