Hi all,
The check boxes in my matrix table (likert, multiple answer) turn white after I select them. I would like the selected check boxes to turn teal (#44b8bd). I was able to successfully do this with the regular multiple and single answer questions with the following code:
.Skin label.MultipleAnswer.q-checked, .Skin label.SingleAnswer.q-checked {
background: #44b8bd;
Background-color: #44b8bd;
border-color:#44b8bd;
color: #000000;
}
.Skin label.MultipleAnswer.q-focused.q-checked, .Skin label.SingleAnswer.q-focused.q-checked {
background: #44b8bd;
}
I'm not sure how to make the selected check boxes in the matrix table the same color.
Can someone help?
Thanks!
Page 1 / 1
Hello @ehoffman ,
Use the below CSS
.Skin label.MultipleAnswer.q-focused.q-checked, .Skin label.SingleAnswer.q-focused.q-checked {
background: #44b8bd;
}
.Skin label.q-checkbox.q-focused.q-checked{
outline:#44b8bd;
}
.Skin label.q-checkbox.q-checked.q-focused, .Skin label.q-checkbox.q-checked {
background-color:#44b8bd;
}
.Skin label.q-checkbox, .Skin label.q-radio {
border: 2px solid #44b8bd;
}
Use the below CSS
.Skin label.MultipleAnswer.q-focused.q-checked, .Skin label.SingleAnswer.q-focused.q-checked {
background: #44b8bd;
}
.Skin label.q-checkbox.q-focused.q-checked{
outline:#44b8bd;
}
.Skin label.q-checkbox.q-checked.q-focused, .Skin label.q-checkbox.q-checked {
background-color:#44b8bd;
}
.Skin label.q-checkbox, .Skin label.q-radio {
border: 2px solid #44b8bd;
}
Can you clarify where to past in code like you provided above to make the alternate rows shaded? I see this is an option in the helpful but don't see how to actually do it. Also, does adding alternate row colors help with accessibility? Thank you!
Leave a Reply
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.