How to chnage the border color of a tex entry box bellow choice in multiple choice question? | XM Community
Skip to main content
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!
Hello @fleb,



Try the below CSS:



.InputText:focus{

border: 2px solid orange!important;

}



.InputText:not(:focus){

border: 2px solid #d2d2d6!important;

}
Thank you for such a fast response, @Shashi!

Leave a Reply


Terms & Conditions