Почему не могу применить стили к созданному span динамически в js?

Question

[Андрей Иванов]

option.innerHTML = `
    ${daysOfWeek[date.getDay()]} ${date.getDate()} <span class="date__sup">th</span>`;

На 26 строке создал все что надо и th и в стилях прописал к нему

.date__sup
          color: red

в devTools вижу что применился стиль, а по факту нет
Код

Answer 1

[Rsa97]

Кастомизация select/option очень сильно зависит от браузера, большинство css-свойств игнорируются браузерами, причём по разному. На практике проще использовать готовые обвязки наподобие select2 (требует jQuery).

Comments

[Андрей Иванов]

То есть даже просто размер шрифта не поменять ?

Хочу "th" меньше шрифтом сделать

[Rsa97]

Андрей Иванов, Нет. К тому же, если посмотреть стандарт HTML, то тэг option может содержать только текстовую ноду. Другие элементы внутри option по стандарту недопустимы.