How to change design of the dropdown list? | XM Community
Solved

How to change design of the dropdown list?

  • 27 November 2018
  • 2 replies
  • 160 views

Userlevel 5
Badge +6
  • Level 3 ●●●
  • 197 replies
Hallo,
I'd like to change the basic background color and the background color on mouseover of the dropdown (multiple choice question).
I tried to guess which line form this style-sheet could change it, but I was wrong. (I tried this one: `.JFEScope .Skin .q-matrix .dropdown-arrow .dropdown-down {background-color: #F3E0BD;}`)
I also found this code: `.Skin .MC .ChoiceStructure .Selection {background-color: #F3E0BD;}` which should change the basic background color here but it doesn't work.
Thank you for any help
icon

Best answer by Anonymous 28 November 2018, 00:17

View original

2 replies

Hello @fleb ,

Add the following css in the Add custom CSS option

.Skin select {
background: #F3E0BD!important;
}
select:focus > option:checked { background:white!important; }

The code will change the background of Drop-Down.
Userlevel 5
Badge +6
Hallo @Shashi,
thank you very much! It looks much better now. May I have two additional questions?
1) Is it possible to make it work also on Mozilla for Linux? (It works on Chromium and Mozilla for Windows).
2) Is it possible to change the blue color to anothr one (viz. the image)?
!

Leave a Reply