Псевдо-элемент у тега option, почему его не видно?

Question

[Pavel]

Есть раскрывающийся список select, в нем три option и если я задаю пседовдо-элемент к option то его странным образом не видно, в чем дело я не могу понять, подскажите https://jsfiddle.net/nmmj9jj0/9/, в итоге бы хотелось получить то что бы псевдо-элемент скрывался при выборе option, а видно его было только когда список раскрыт.

Answer 1

[Михаил Чирский]

Если вы хотите, что то добавить в option, стандартными средствами, увы тут не обойтись я бы посоветовал
https://select2.github.io/
harvesthq.github.io/chosen

Решат вашу задачу, и очень легко кастомизируются, а ::after, ::before не работают у input, select, textarea, потому что их просто нет

Comments

[Pavel]

Однозначной информации о наличии или отсутсвии псевдо-элементов конкретно у option не нашел, ввел в заблуждение firefox dev tools у option он показал наличие псевдо-элемента, в отличии от section. Спасибо.