CSS to make selection (in Multiple Choice) highlighted | XM Community
Skip to main content

Currently when an option in Multiple Choice (either single (radio) button selections or multi (checkbox) button selections) only the side dot highlights when selected. What is the CSS that I can use to turn the background a different color to highlight the selected?

image.png

Hi there, try adding the below to the Custom CSS in the Style section of your survey's Look & Feel:
.Skin label.SingleAnswer.q-checked.q-focused, .Skin label.MultipleAnswer.q-checked.q-focused, .Skin label.SingleAnswer.q-checked, .Skin label.MultipleAnswer.q-checked {
    color: #ffffff !important;
    border-style: solid !important;
    border-width: 2px !important;
    border-color: #800080 !important;
    background-color: #800080 !important;
}


Hello!

 

how do I change the width of a drop down multiple question type.

 

secondly how to I want to be able to map a state to its unique LGA on qualtrics. For example if I have a drop-down with Country Nigeria, I should be able to see only the states unique to Nigeria.

 

how do I achieve the two above. Please I need your help


Leave a Reply