::picker-icon
A pseudo-element selector part of the new customizable <select> API. It identifies the icon or arrow that users click to open a selection menu.
This is an experimental technology. The syntax and behavior are still subject to change.
Syntax
/* Usage Example */
select::picker-icon {
/* Replaces the default select arrow with a custom SVG or color */
content: url(';/custom-arrow.svg');
width: 1rem;
}::picker-icon Browser support
Limited availability
Since
2020 69% global usage
This feature is not Baseline because it does not work in some of the most widely-used browsers.
133+
133+
Your first month is free
Managed WordPress hosting for faster sites.
Learn more