Developers have been asking for the ability to customize the HTML select element for decades, and it is finally here. The new custom select feature in HTML/CSS is an absolute game changer since it gives you 100% flexibility to create your custom select element however you want. This new feature is way better than I ever though custom selects could be.


📚 Materials/References:

Chrome Custom Select Article: https://developer.chrome.com/blog/rfc-customizable-select


🌎 Find Me Here:

My Blog: https://blog.webdevsimplified.com
My Courses: https://courses.webdevsimplified.com
Patreon: https://www.patreon.com/WebDevSimplified
Twitter: https://twitter.com/DevSimplified
Discord: https://discord.gg/7StTjnR
GitHub: https://github.com/WebDevSimplified
CodePen: https://codepen.io/WebDevSimplified


⏱️ Timestamps:

00:00 - Introduction
00:40 - Custom Select Basics
04:00 - Custom Select Advanced Details


#HTMLCustomSelect #WDS #CSS

Web Dev Simplified

A new browser specification allows custom select boxes to be built using only HTML and CSS. This powerful and flexible feature uses a new selected content HTML element and base select styling to replace default browser styles. The feature, currently in stage two, can be tried in Chrome Canary. It ensures graceful fallback to default select boxes in unsupported browsers.

The New selectedcontent HTML Element Changes Selects Forever