Как в выпадающем списке сделать текст одним цветом, а галочку другим?

Question

[Елена]

Что-то не получается сделать разделение по цвету, между текстом и галочкой. Ставлю колор, меняется все сразу

<select class="box">
      <option>Кофе</option>
      <option>Чай</option>
      <option>Вода</option>
      <option selected>Коктейль</option>
</select>
.box {
      width: 120px;
      height: 30px;
      border: 1px solid #999;
      font-size: 18px;
      color: #1c87c9;
      background-color: #eee;
      border-radius: 5px;
}

Подскажите, как разделить, буду благодарна

Answer 1

[Vladislav]

Как вариант https://m.habr.com/ru/post/442888/

Comments

[Елена]

Спасибо)

[Vladislav]

Елена, пожалуйста, но селекты это часть формы :)

[Антон Литвиненко]

Та ну, это костыль костыль

Answer 2

[r_g_b_a]

https://jsfiddle.net/t2ar9j6o/

Comments

[Елена]

Спасибо)