Beispiel für die Verwendung von CSS3 zum Anpassen des Stils eines Eingabe-Mehrfachauswahlfelds

 <div Klasse="Radio">
    <Eingabetyp="Kontrollkästchen" ID="Geschlecht1">
    <label für="sex1"></label>
    Männlich
<div Klasse="Radio">
    <Eingabetyp="Kontrollkästchen" id="Geschlecht2">
    <label for="sex2"></label> Weiblich</div>

.radio {
    Position: relativ;
    Anzeige: Inline-Block;
    Rand rechts: 12px;
}

.radio-Eingabe {
    Breite: 15px;
    Höhe: 15px;
    Aussehen: keines;/*Standardstil löschen*/
    -webkit-auftritt: keines;
    Deckkraft: 0;
    Gliederung: keine;
    z-index: 8; /*Machen Sie die Eingabeebene höher als das Label, damit es ausgewählt werden kann*/
    
}

.radio Bezeichnung {
    Position: absolut;
    links: 0;
    oben: 6px;
    Breite: 15px;
    Höhe: 15px;
    Rand: 1px durchgezogen #3582E9;
}

.radio Eingabe: geprüft + Label:: nach {
    Inhalt: "";
    Position: absolut;
    links: 4px;
    oben: 0px;
    /* Hier wird die Hälfte des Rechtecks ​​angezeigt und dann um 45 Grad gedreht, um den Häkchen-Stil zu erreichen*/
    Breite: 5px;
    Höhe: 12px;
    Rahmen rechts: 1px durchgezogen #000000;
    Rahmen unten: 1px durchgezogen #000000;
    transformieren: drehen (45 Grad);
}