Post

in Chrome 135 - Tomorrow Mar 26, 2025 customize all the parts of a <select> with #CSS! ⤷ nerdy.dev/customize-a-...

24/3/25, 9:31 pm70 reposts404 likes

I've been waiting for this for 20+ years...

feels like 2000+ tho amiright?

Pio Rasch-Halvorsen

@rasch-halvorsen.no

Is this based on the W3C Form Control Styling draft? www.w3.org/TR/css-forms...

w3.orgCSS Form Control Styling Level 1

that's half of the spec work yep! the other half are the HTML spec updates github.com/whatwg/html/... 5+ years of spec work so far to get to this point

github.comCustomizable `<select>` element · Issue #9799 · whatwg/htmlThis proposal includes parser, styling, and rendering changes to make the <select> element fully customizable by authors. Explainer: https://open-ui.org/components/customizableselect Spec PRs: #105...

Brecht De Ruyte

@utilitybend.com

Thank you so much for the mention ❤️ The customizable select is on 🔥 Really well explained article that covers the gains and also the losses when opting in. cool stuff

@jonathanyee.bsky.social

are we in the HTML renaissance?!!

Mikaël Sévigny

@miksevigny.com

Oh my, this is huge!

what happens if the browser doesn't support it? still a select.

Open Props UI has great examples on how to progressively enhance to this new customization try all their variants and see the "non-experimental" version too for fallback styles and what that experience is like awesome work github.com/felix-bohlin try it? open-props-ui.netlify.app/components/i...

open-props-ui.netlify.appOpen Props UI | A modern CSS UI libraryCSS UI library leveraging the most modern features. Components you can copy and paste into your project.

Here's a custom select starter with all the stuff done for transition animations nerdy.dev/notebook/sel...

nerdy.devSelect | Nerdy Notebook

docs up on MDN! developer.mozilla.org/en-US/docs/L...

developer.mozilla.orgCustomizable select elements - Learn web development | MDNThis article explains how to use dedicated, modern HTML and CSS features together to create fully-customized <select> elements. This includes having full control over styling the select button, drop-d...

@bobdobbalina.bsky.social

As a kid, I thought in 2025 we'd have flying cars. At least w̶e̶'̶l̶l̶ AI agents will be able to use C̶S̶S̶ Tailwind to customize selects!!

Jack Harner 🚀 Web Developer

@jackharner.com

whaaa..... This changes so much. 🤯🤤

Really great news. Has anyone built a shim?

nope!

This is one case of a Chrome-first, non-standard feature that I'd like to see standardised in browser spec

This took 5+ years of standards work, not sure I understand the criticism here

Sorry, this was a complete misunderstanding on my part

This _is_ the spec! :)

Complete misunderstanding on my part 😵‍💫