Ja, die Antwortoptionen (Items) von Auswahlfragen können per CSS in verschiedenen Farben dargestellt werden. Hierfür gibt es z.B. diese beiden Möglichkeiten:
Alle Items in unterschiedlichen Farben:
Wenn die Hintergrundfarbe des 1. Items in einer anderen Farbe dargestellt werden soll, geben Sie folgenden CSS-Code ein:
.poll #question_NUMMER/ID .choice-group .choice-option:nth-of-type(1):hover {
background-color:#baeae6
}
.poll #question_NUMMER/ID .choice-group .choice-option:nth-of-type(1).option-checked {
background-color:#baeae6
}
.poll #question_NUMMER/ID .choice-group .choice-option:nth-of-type(1).option-checked label:before {
background-color:#31c7b9
}Die Hintergrundfarbe können Sie beliebig durch die Anpassung des Farbcodes ändern. Ersetzen Sie bitte außerdem die „NUMMER/ID“ durch die Frage-ID der entsprechenden Mehrfachauswahl-Frage. Die Fragen-ID finden Sie bei jedem Element nach einem Klick auf das Bleistift-Symbol, die Nummer steht dort in der Überschrift des Dialogfensters.
Analog dazu können Sie auch die Hintergrundfarben der übrigen Items verändern, indem Sie den Code anpassen. Mit :nth-of-type(2) (oder :nth-of-type(3) etc.) können Sie das jeweilige Item selektieren.
Jedes 2. Item abwechselnd eingefärbt:
Wenn jedes gerade Item einer bestimmten Auswahlfrage eingefärbt werden soll, verwenden Sie folgenden Code:
.poll #question_NUMMER/ID .choice-group .choice-option:nth-of-type(even) {
background-color:#eee
}Die Hintergrundfarbe können Sie beliebig durch die Anpassung des Farbcodes ändern. Ersetzen Sie auch hier wieder die „NUMMER/ID“ durch die Frage-ID der entsprechenden Mehrfachauswahl-Frage.
Weitere Beispiele, wie einzelne Fragen individuell per CSS-Code angepasst werden können, finden Sie in folgendem Beitrag: Einzelne Fragen per CSS anpassen