How to change design of the dropdown list? | Experience Community
Skip to main content
JoseS
Administrator
1 year ago
Solved

How to change design of the dropdown list?

  • Nov 27, 2018 9:25 PM UTC
  • 2 replies
  • 354 views
fleb
Level 3 ●●●
Forum|alt.badge.img+6
  • fleb
  • 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.
View original

2 replies

  • Anonymous
  • Answer
  • Nov 27, 2018 11:17 PM UTC
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
    • fleb
    • Author
    • Level 3 ●●●
    • Nov 28, 2018 7:50 AM UTC
    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)? !
    Terms & ConditionsAccessibility statement