Как сделать зачеркнутый текст внутри option select'a?

Question

[Dymok]

Нужно сделать одно зачеркнутое слово внутри option select'a. Просто <option>lorem <s>ipsum</s></option> не работает

Comments

[Сергей Горячев]

Без JS никак.
Если JS устроит, то бери любой мануал в яндексе по запросу "стилизация select option js".

[Dymok]

Сергей Горячев, попытался используя select2.js - ничего не вышло, в доках тоже ничего про теги внутри option нет, вроде бы

[Сергей Горячев]

Dymok, а вообще, может объясните нормально, зачем это нужно? Возможно решение есть адекватное, а не танцы с бубнами.

[Dymok]

Сергей Горячев, в карточке товара выбор размера и цены (а цены должно быть две - со скидкой и без скидки. без скдки соответственно зачеркнутая)
пример:
"XS - 1000р 2000р"

Answer 1

[Александр]

Назначь класс элементу option и в стилях пропиши.

Comments

[Сергей Горячев]

Тогда он весь будет перечеркнутый, а судя по примеру ТС, нужно только слово или просто часть оптиона.

[Виталий Першин]

А вы сами пробовали так делать?) Интересно посмотреть на пример)