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;
}
Page 1 / 1
`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.
.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.
> @Matt_Christie_Walker it worked great! Thank You.
Leave a Reply
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.