Solved
When clicked on one of the options on multi select how do I change the color? I
I tried the below code, but it works at moment of mouse click but the color goes away after the click
li:active{
background-color: #930FA5 !important;
color:#FFFFFF;
}
li:active{
background-color: #930FA5 !important;
color:#FFFFFF;
}
Best answer by Matt_Christie_Walker
`q-checked` and `q-focused` are responsible for that behavior. This is probably closer to what you're after:
.Skin label.MultipleAnswer.q-checked, .Skin label.SingleAnswer.q-checked {
background: #930FA5;
border-color: #930FA5;
color: #fff;
}
.Skin label.MultipleAnswer.q-focused.q-checked,.Skin label.SingleAnswer.q-focused.q-checked
{
background:#930FA5;
}
Also, have you looked at doing a branded theme where you let the Qualtrics pros do this type of thing for you? Just dropping it here in case it helps you.
+5`q-checked` and `q-focused` are responsible for that behavior. This is probably closer to what you're after:
.Skin label.MultipleAnswer.q-checked, .Skin label.SingleAnswer.q-checked {
background: #930FA5;
border-color: #930FA5;
color: #fff;
}
.Skin label.MultipleAnswer.q-focused.q-checked,.Skin label.SingleAnswer.q-focused.q-checked
{
background:#930FA5;
}
Also, have you looked at doing a branded theme where you let the Qualtrics pros do this type of thing for you? Just dropping it here in case it helps you.
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.