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

til
#1

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

1 Like
#2

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

#3

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

#4

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

#5

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