How to change fill color of check boxes in multiple answer matrix table?

Question

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!

Anonymous · Accepted Answer

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;    }

Gerbster · Answer

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!

Sign up

Login to the Community

Scanning file for viruses.

This file cannot be downloaded