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

How to change design of the dropdown list?

  • November 27, 2018
  • 2 replies
  • 294 views

fleb
Level 3 ●●●
Forum|alt.badge.img+6
  • Level 3 ●●●
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

Best answer by Anonymous

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.

2 replies

  • Answer
  • November 27, 2018
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.

fleb
Level 3 ●●●
Forum|alt.badge.img+6
  • Author
  • Level 3 ●●●
  • November 28, 2018
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)? !