The <select> element can now be customized with CSS

Posted by tosh 4 days ago

The <select> element can now be customized with CSS(developer.chrome.com)

503 points | 187 commentspage 2

Onavo 4 days ago|

Can we have a fully native combobox now?

breadwinner 4 days ago|

This is badly needed. Until we have combobox, the <select> is best implemented as a readonly combobox, because you need to implement combobox in any case.

codedokode 4 days ago||

Making web standards even more complicated one change at a time.

johnthuss 4 days ago||

Finally! This is incredibly good news. I hope the adoption of this feature is fast - looking at you Safari.

ichik 4 days ago||

Looks pretty broken in FF 136.0.2 (missing backgrounds/boxes, the popoup menus are visible).

earcar 3 days ago||

Fascinating timing for this feature. I suspect the AI chatbot explosion has been a major driver behind the push for richer select elements.

Have you noticed how every AI interface needs to let you choose between models? The current select element is embarrassingly inadequate when you need to show more than just text labels. You want to display model capabilities, performance indicators, context sizes - not just "GPT-4" vs "Claude 3.7" as plain text.

peteforde 4 days ago||

If they keep this up, we'll soon have feature parity with VB6.

cellover 4 days ago||

Love the fact that Google auto translate of the page completely breaks the page

https://imgur.com/7gfXRrm

nedt 4 days ago||

This is also very much how the page looks for me in Firefox. If it can't fail without issues it's not an option I'd select.

nedt 4 days ago||

Oh ... it's actually their own integrated translation that breaks it. Now that's funny. They aren't escaping correctly. Now if someone wants to play around with that ...

efilife 3 days ago||

what's to love about this?

largehotcoffee 4 days ago||

Why would this be preferred over creating a new HTML element, like <options>?

minitech 4 days ago|

Backwards compatibility. Older browsers will still be able to render the <select> and submit it as part of a form, just with its options unstyled.

paradox460 3 days ago|

I still wish it would grow some primitive filtering/searching feature. I'm very tired of having to reach for JavaScript just to let users narrow a massive list of things

hbroadbent 3 days ago|

Hey! Actually that is possible using the <datalist> element.

If you're interested, I wrote a bit more about it here: https://harrisonbroadbent.com/blog/cool-native-html-elements...

porridgeraisin 3 days ago||

The rule is:

Styleable XOR Unusable = 1.

More comments...