在<select multiple =“”>中更改所选选项的颜色

Question

我有这个问题，我需要在单击/选中时更改/多个选项元素的颜色。单击时默认颜色为蓝色，我相信我们现在应该有一个解决方案，因为我试图寻找解决方案，但无济于事。希望在CSS或vanilla JS中做到这一点。没有图书馆或框架。 链接到示例代码

Answer 1

select[multiple]:focus option:checked {
  background: red linear-gradient(0deg, red 0%, red 100%);
}

<select multiple>
  <option value="1">one</option>
  <option value="2" selected>two</option>
  <option value="3">three</option>
</select>