How to chnage the border color of a tex entry box bellow choice in multiple choice question? | XM Community
Skip to main content
Solved

How to chnage the border color of a tex entry box bellow choice in multiple choice question?

  • June 13, 2019
  • 2 replies
  • 194 views

fleb
Level 3 ●●●
Forum|alt.badge.img+6
  • Level 3 ●●●
Hallo, I'd like to change the borer of text-entry box from blue to some else. The box is attached to one of options using the Qulatrics "Allow Text Entry" function. This option is pre-selected in the beginning. Ideally I'd like to have orange when the box is focused and light-gray otherwise. I've tried these two CSS codes: li.Selection.TextEntryBox.InputText {border-color: red!important;} li.Selection.TextEntryBox.InputText:checked {border-color: red!important;} li.Selection.TextEntryBox.InputText:focus {border-color: #f79013!important;} The first two do nothing and the second one works only if another option is selected. You can see it in following images: 1) The box is NOT focused: ! ! 2) The box is focused: ! ! Note: I use the Minimal blue template. Thank you for any ideas!

Best answer by Anonymous

Hello @fleb, Try the below CSS: .InputText:focus{ border: 2px solid orange!important; } .InputText:not(:focus){ border: 2px solid #d2d2d6!important; }

2 replies

  • Answer
  • June 13, 2019
Hello @fleb, Try the below CSS: .InputText:focus{ border: 2px solid orange!important; } .InputText:not(:focus){ border: 2px solid #d2d2d6!important; }

fleb
Level 3 ●●●
Forum|alt.badge.img+6
  • Author
  • Level 3 ●●●
  • June 13, 2019
Thank you for such a fast response, @Shashi!