How to change fill color of check boxes in multiple answer matrix table? | XM Community
Skip to main content
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!
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; }
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!