←back to thread

The <select> element can now be customized with CSS

(developer.chrome.com)
497 points tosh | 1 comments | 31 Mar 25 09:11 UTC | HN request time: 0.209s | source
Show context
butz ◴[31 Mar 25 15:30 UTC] No.43536187[source]▶
Some controls are better left unstyled. Look what happened to scrollbars: either they are too thin to grab, have bad color contrast, so it is hard to see what part to actually grab, and, finally, some smartypants have managed even to remove scrollbars altogether from their website. Sure, default select is not the prettiest control, but it gets it job done.
replies(6): >>43536730 #>>43537510 #>>43538464 #>>43539356 #>>43540555 #>>43542772 #
1. dimal ◴[31 Mar 25 20:12 UTC] No.43539356[source]▶
This ship sailed in 2000. We've been hacking custom select boxes since then, so we may as well pave the cowpath. And besides, as a user, I want stylable select elements. Seeing an ugly old select box in the middle of a site where everything is styled consistently is jarring.

And it doesn't get the job done. You can't put stuff like SVGs or complex DOM elements in them, which is a valid use case. Most of the time, when people create custom select boxes, they ignore accessibility. This will fix that issue.