Change select box option background color

Question

I have a select box and I\'m trying to change the background color of the options when the select box has been clicked and shows all the options.

Answer 1

Yes, you can set this by the opposite way:

select { /* desired background */ }
option:not(:checked) { background: #fff; }

Check it working bellow:

select {
  margin: 50px;
  width: 300px;
  background: #ff0;
  color: #000;
}

option:not(:checked) {
  background-color: #fff;
}

  Select Option
  Option 1
  Option 2
  Option 3
  Option 4