Hallo,
das Beste ist immer, die Seite mit dem Webdevelopment-Tool Deines Browsers zu untersuchen (F12)
Dann siehst Du z.B. dieses (hier in Firefox, bei Chrome ist das Fenster am rechten Rand)
Hier kannst Du auch direkt Änderungen vornehmen, um den Effekt zu sehen.
Und wenn es dann passt, übernimmst Du in Deine "custom.css"
Hier habe ich einmal alles (Text, aktiver Text, Radio-Button) auf die Farbe "maroon" gesetzt.
Hier sind alle Anweisungen getrennt, falls Du eben verschiedene Farben benutzen möchtest; sonst kannst Du natürlich alle zusammenfassen.
Code:
.ls-answers label, .answer-item label, .control-label {
color: maroon;
}
.radio-item label::before {
border: 2px solid maroon;
background-color: #fff;
}
.radio-item input[type="radio"]:checked + label {
color: maroon;
}
.radio-item input[type="radio"]:checked + label::before {
border-color: maroon;
}
.radio-item input[type="radio"]:checked + label::after {
background-color: maroon;
}
</style>
Eine andere Möglichkeit wäre natürlich, eine der Variationen, also "Blueberry", "Grape" oder "Mango" entsprechend anzupassen.
Joffm
