When clicked on one of the options on multi select how do I change the color? I | XM Community
Solved

When clicked on one of the options on multi select how do I change the color? I


Userlevel 1
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;
}
icon

Best answer by Matt_Christie_Walker 11 May 2018, 16:06

View original

2 replies

Userlevel 4
Badge +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.
Userlevel 1
> @Matt_Christie_Walker it worked great! Thank You.

Leave a Reply