::picker-icon | CSS Selectors & Pseudo-classes

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.

Quick example

select::picker-icon {
  /* Replaces the default select arrow with a custom SVG or color */
  content: url('/custom-arrow.svg');
  width: 1rem;
}

Limited availability 69% global usage

This feature is not Baseline because it does not work in some of the most widely-used browsers.

Not ready for production without a fallback.

133+