::picker

A pseudo-element selector part of the new customizable <select> API. it allows you to style the actual dropdown menu (the 'picker') that appears when you click a select box.

This is an experimental technology. The syntax and behavior are still subject to change.

/* Usage Example */
select::picker {
  /* Styles the dropdown popup list itself */
  background: #222;
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.5);
}
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.

135+
135+
Kinsta

Your first month is free

Managed WordPress hosting for faster sites.

Learn more

New CSS drops.

Join 600+ readers who've survived clearfix hacks.

ESC