Различные стили на фоне в html <option>

Question

Я бы хотел стилизовать некоторые элементы <option> внутри элемента <select> некоторыми уникальными способами, динамически. Это выходит за рамки простых рабочих примеров CSS "background-color"; Я пытаюсь найти способы, где мне не нужно хранить ресурсы, но можно динамически генерировать стили, такие как добавление градиента или изображения из data-uri в фон. Ну, пока что градиенты не работают, а также data-uri с background или background-image. Помимо, возможно, фонов, какие еще способы могут быть стилизованы для элементов опций, чтобы они выглядели так, как будто есть дополнительные вещи, но это не зависит от статического ресурса?

Answer 1

Как правило, вы не можете стилизовать элемент select или элемент option. Сам элемент select является «замененным элементом», который зависит от ОС и не является частью HTML / браузера. Его нельзя стилизовать с помощью CSS.

Однако вы можете использовать сменные плагины / библиотеки, которые выглядят как элемент select, но на самом деле состоят из обычных элементов HTML, в которых стиль может быть изменен.