CSS code for toggle the color of a single answer choice text for multi choice question when checked | XM Community
Skip to main content
Michael_Cooksey
Administrator
1 month ago
Question

CSS code for toggle the color of a single answer choice text for multi choice question when checked

Y
Level 1 ●
Forum|alt.badge.img+2

I have a question82 that asked “whether you have a serious illness that will impacting your function?” with single answer choice of Yes or NO. Once Yes is selected, I wanted the “Yes” word  to be highlighted with RED color and Yellow background. Below CSS script I inserted into the Look and Feel -? Style section of CSS box. Test it but it is not firing up the action on Q82. Can someone help to let me know where did I  do wrong? Thanks.

 

.Skin #QID82 label.SingleAnswer.q-checked {
    background:#ff0000;
   color: #ffff00;
}

Y
Nami
W
3 people like this
  • Y
    Yolanda_B
  • Nami
    Nami
  • W
    WolfKeppens

3 replies

I
QPN Level 3 ●●●
Forum|alt.badge.img+12
  • Imran_Ansari
  • QPN Level 3 ●●●
  • 38 replies
  • July 26, 2023

Apply the css at run time using Javascript in question itself and make sure you use the correct QID.

SaurabhPujare_Ugam
1 person likes this
  • SaurabhPujare_Ugam
    SaurabhPujare_Ugam
Shivamvig_sv
Level 6 ●●●●●●
Forum|alt.badge.img+14
  • Shivamvig_sv
  • Level 6 ●●●●●●
  • 69 replies
  • July 27, 2023

the CSS code you provided is targeting the label element with the class "SingleAnswer" that has been checked (q-checked) for question 82. the CSS code itself looks correct, and the issue might be due to Incorrect question ID: Make sure that the question ID is indeed "QID82". Double-check the question ID in your survey or form to ensure it matches with the CSS code.

 

also try clearing your cache once

Shivam vig
Y
Level 1 ●
Forum|alt.badge.img+2
  • YokeSee
  • Author
  • Level 1 ●
  • 3 replies
  • July 31, 2023

Thanks Imran and Shivamvig for the guidance. If I just  what the answer = Yes then the Label Yes  highlighted (but not No) ,  how the script would look like? Thanks.

Leave a Reply


Terms & Conditions