Radio button border colors won't change | XM Community
Skip to main content

Hi All, I am trying to change the radio button border color and size for a single select multiple choice question and it won't change no matter what CSS code I try. I have successfully changed the radio button border for my likert matrix table, but the other radio buttons are stuck as-is.
In this image you can see that the matrix radio buttons are light gray and border is 1px. But the region question shows dark radio buttons that are darker gray and 2px. Any ideas?
radiobuttonissue.png
Here is the CSS code I am using (there is other CSS included to change the backgrounds of text boxes and questions - not sure if that could be effecting my issue). It is the last bit of CSS code that correctly updated the matrix radio buttons:


.Skin .InputText, input[type=text], .Skin label.MultipleAnswer, .Skin label.MultipleAnswer.q-focused, .Skin label.SingleAnswer{
background-color:rgb(249,249,249)!important;
}
.Skin .InputText,
input[type=text] {
border-radius: 1px !important;
border: solid 1px #b3b3b3 !important;
}
.Skin select {  
background: #ffffff!important;
border: solid 1px #b3b3b3 !important;
}
.Skin label.q-checkbox, .Skin label.q-radio{
border:1px solid #b3b3b3;}
}

any ideas?


Leave a Reply