Chrome Canary 130: Customizable <select> Element Arrives!

2025-02-20
Chrome Canary 130: Customizable <select> Element Arrives!

Chrome Canary 130 introduces a major update: a customizable `` element! This long-standing developer pain point finally has a solution. Using the `appearance: base-select` property, developers can deeply customize the `` element and its popup picker, including styling, content, and interactivity. The feature is officially in Stage 2 in the WHATWG, with strong cross-browser interest. This post details how to enable the feature, customize its components, and considerations around limitations and accessibility. While some features are still under development, this powerful new feature will significantly improve the web development experience.

Development