Auswahl mit individuellen Graphiken darstellen (CSS)

Question

Lieber Support!
Wir würden gerne Eingabeoptionen selbst gestalten. Der Code unten funktioniert für eine Mehrfachauswahl. Wie muss ich es nun umschreiben für eine Entweder-Oder Auswahl? Danke!!

<style type="text/css">
.s2iSelection.multiple {
    display: flex;
}

input[type="checkbox"] {
    display: inline-block;
    height: 50px;
    width: 30px;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-repeat: no-repeat;
    background-position: 20% 20%;
}


input[type="checkbox"][name="FA13_01"] {
    background-image: url("Comment.png");
}
input[type="checkbox"][name="FA13_01"]:checked {
    background-image: url("CommentBlau.png")
}

Answer 1

Vermutlich müssen Sie nur die Kennung "FA13_01" gegen die Kennung austauschen, welche die Auswahlfrage hat, also z.B. "AB01"

name="AB01"

Bei einer einfachen Auswahl haben alle Optionen dasselbe "name" Attribut. Bei einer Mehrfachauswahl hat jedes Item ein anderes "name" Attribut. Daher kein "_01" bei der einfachen Auswahl.