How to remove blue outline from response buttons | XM Community
Skip to main content
Michael_Cooksey
Administrator
1 month ago
Solved

How to remove blue outline from response buttons

  • January 22, 2025
  • 3 replies
  • 43 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");

 

View original

3 replies

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

try this -

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

or change the class and check if thats working.

S
1 person likes this
  • S
    sonpage
A
Level 7 ●●●●●●●
Forum|alt.badge.img+22
  • ahmedA
  • Level 7 ●●●●●●●
  • 2031 replies
  • 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
1 person likes this
  • S
    sonpage
S
QPN Level 2 ●●
Forum|alt.badge.img+3
  • sonpage
  • Author
  • QPN Level 2 ●●
  • 7 replies
  • 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");

 

Leave a Reply


Terms & Conditions