Web features explorer

Customizable <select>

Limited availability

The <select> element's appearance, including the button, selected option, picker dropdown, and options, can be customized using CSS.

Browser support (view on caniuse.com)

  • Chrome 135 Released on 2025-04-01
  • Chrome Android 135 Released on 2025-04-01
  • Edge 135 Released on 2025-04-04
  • Firefox Not supported Position: positive (concerns: compatibility) Bugs: 1944403 1974787 1974276
  • Firefox for Android Not supported Position: positive (concerns: compatibility) Bugs: 1974276
  • Safari 27 Released on 2026-09-14
  • Safari on iOS 27 Released on 2026-09-14

Baseline availability blocked since September 2026 by Firefox (1 months)

👍
242

Need this feature?
Leave a 👍 on the feedback issue
Don't forget to also leave a comment explaining your specific use case.

MDN documentation

Specifications

Usage (according to Chrome Platform Status)

~0.027% of page loads. More data at chromestatus.com.

Web Platform Tests (WPT)

View the latest WPT test results for this feature

Surveys

Developer use cases

  • I have a personal tasks and notes management app I work on. In this app, I can select a new status for a task via a custom dropdown that displays status icons. Dozens of these selectors can appear on the page at once. I have a personal tasks and notes management app I work on. In this app, I can select a new status for a task via a custom dropdown that displays status icons. Dozens of these selectors can appear on the page at once. [see original comment]

View as JSON | Edit this feature | Report an issue | Web-features entry: source, dist