Uploaded March 2025 | Updated September 2026, 1 week ago

---

Styling the native HTML select with CSS.

🔴 Patreon: patreon.com/joyofcode
𝕏 Twitter: twitter.com/joyofcodedev
💬 Discord: discord.com/invite/k6ZpwAKwwZ
🔥 Uses: https://www.joyofcode.xyz/uses

🔗 Chrome For Developers Post: developer.chrome.com/blog/a-customizable-select
🔗 Styling With CSS: developer.mozilla.org/en-US/docs/Web/HTML/Element/select#styling_with_css
🔗 ARIA Authoring Practices Guide: w3.org/WAI/ARIA/apg/patterns
🔗 Select-Only Combobox Example: w3.org/WAI/ARIA/apg/patterns/combobox
🔗 Custom Select Examples: codepen.io/web-dot-dev/pen/gbOKyRZ
🔗 Gmail Select With Hover Effect: codepen.io/una/pen/dyBWYxR
🔗 Svelte Example: codepen.io/una/pen/MWMmYxb

🔖 Timestamps

0:00 Intro
1:02 Select Sucks
1:17 Select Limitations
2:24 How Does Select Work?
4:10 Custom Select Examples
4:58 Custom Select Anatomy
5:47 How To Create A Custom Select
9:11 JavaScript Framework Support
9:40 Outro

#joyofcode #html #css