There is possible for select element use ::after or :focus or change text on focus?

There is possible for select element use ::after or :focus or change text on focus?
0

#1

As option tags are not possible to style what is about select? Can change text on it with focus? or ::after? to insert text?

Thanks.


#2

::after is for creating an element using CSS, it doesn’t have anything to do with input states.

Select elements are hard to style, purposely so*. Most styled select elements are actually just collections of other elements styled in such a way (with a touch of JS) that they work (from a user perspective) like a select element.

* so for example - see https://codepen.io/ericrasch/pen/zjDBx. That’s an example of styling select’s using CSS. But here I’ve opened one of the select menus so I can see the options:

I can’t override that UI, and there should be no way for me to: Chrome provides the options UI.