[TIL] Внутри тегов <option> нельзя добавлять html-разметку

В теги option (список select) нельзя помещать ничего другого кроме текста. Любые другие теги внутри них - удаляются сразу при загрузке страницы.
Например, такое <option>Text<span class = "someclass">another text</span></option> - теги span со стилями будут удалены. И следовательно - задать стили тексту внутри будет невозможно.
Задать стили внутри options можно только javascript-ом через createElement скорее всего.

1 лайк

Если хотите стилизовать используйте какой-то плагин для select

плагин - имеете ввиду для CMS? А если верстка статичная? Или есть какие то библиотеки, которые решают такую задачу? Если да - подскажите пожалуйста

не важно для чего, либ очень много, гуглите, вот такая есть например https://hernansartorio.com/jquery-nice-select/
Если хватает знаний можно самому написать кастомный select

спасибо за подсказку но немного не то. Надо добавить разметку внутри тега option, то есть чтобы например, последнее слово из текста выравнивалось по правому краю, было другого цвета и выделено жирным. Либы предоставляют возможность добавлять стили ко всему option, а не тексту внутри.