How to remove blue outline from response buttons | Experience Community
Skip to main content
Solved

How to remove blue outline from response buttons

  • January 22, 2025
  • 3 replies
  • 55 views
S
QPN Level 2 ●●
Forum|alt.badge.img+3

There’s a blue outline around the buttons after they are clicked/selected. Please see images. Does anyone have any suggestion or hint about how to remove that outline from the buttons? Not sure which CSS class/code dictates that line. 

 

Best answer by sonpage

Thanks! We did a combo of those and it seems to be working: 

added this code depending on the question: 

jQuery(".Skin label.SingleAnswer").css("outline","none");

jQuery(".Skin label.MultipleAnswer").css("outline","none");

 

3 replies

R
QPN Level 2 ●●
Forum|alt.badge.img+6
  • resh_kr
  • QPN Level 2 ●●
  • January 22, 2025

try this -

jQuery(".Skin label.SingleAnswer").css("border","none")

or change the class and check if thats working.

    A
    Level 7 ●●●●●●●
    Forum|alt.badge.img+22
    • ahmedA
    • Level 7 ●●●●●●●
    • January 23, 2025
    .Skin label.MultipleAnswer.q-focused.q-checked,
    .Skin label.SingleAnswer.q-focused.q-checked {
    	outline: none;
    }

    .q-focused class is the culprit here.

      S
      QPN Level 2 ●●
      Forum|alt.badge.img+3
      • sonpage
      • Author
      • QPN Level 2 ●●
      • Answer
      • January 23, 2025

      Thanks! We did a combo of those and it seems to be working: 

      added this code depending on the question: 

      jQuery(".Skin label.SingleAnswer").css("outline","none");

      jQuery(".Skin label.MultipleAnswer").css("outline","none");

       

      Terms & ConditionsAccessibility statement