←back to thread

The <select> element can now be customized with CSS

(developer.chrome.com)
507 points tosh | 1 comments | 31 Mar 25 09:11 UTC | HN request time: 0.209s | source
Show context
ljoshua ◴[31 Mar 25 13:38 UTC] No.43534919[source]▶
The challenge till this is widely supported (caniuse.com currently pegs it at 46% globally [1]) will be using this as a progressive enhancement that does not provide a worse or unusable experience for users with browsers not supporting it yet.

In other words, don’t include critical information or functionality in the new styling that isn’t available in the underlying plain select element! But such is always a good practice anyway.

Very nice to see this taking shape though! Should be a huge improvement over the div monster that custom select box replacements often are. :)

[1] https://caniuse.com/mdn-css_properties_appearance_base-selec...

replies(6): >>43535467 #>>43535494 #>>43535497 #>>43535566 #>>43538689 #>>43546962 #
1. bsimpson ◴[31 Mar 25 19:18 UTC] No.43538689[source]▶
> But such is always a good practice anyway.

One more reminder to develop for people who may not perceive color and shape as you do. If you're hiding critical information in your menu styles, that information is presumably inaccessible to people who are using a screen reader.