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

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

  • 13 June 2019
  • 2 replies
  • 129 views

Userlevel 5
Badge +6
  • Level 3 ●●●
  • 197 replies
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!
icon

Best answer by Anonymous 13 June 2019, 20:37

View original

2 replies

Hello @fleb,

Try the below CSS:

.InputText:focus{
border: 2px solid orange!important;
}

.InputText:not(:focus){
border: 2px solid #d2d2d6!important;
}
Userlevel 5
Badge +6
Thank you for such a fast response, @Shashi!

Leave a Reply