WWDC26: Rediscover the HTML select element | Apple

Description:
Learn how to unlock full control of styling select menus on the web. The HTML select element is getting a major upgrade with a new CSS appearance value, and new pseudo-elements. Discover how the select options can contain rich content with new possibilities in HTML. Build selects that match your design system, while keeping all the accessibility and robustness of the default element.

Explore related documentation, sample code, and more:
WebKit.org - Example website demonstrating Customizable Select: https://webkit.org/demos/customizable-select/
WebKit.org - CSS Grid Lanes Field Guide: https://gridlanes.webkit.org
WebKit.org – Report issues to the WebKit open-source project: https://bugs.webkit.org
Submit feedback: http://feedbackassistant.apple.com
Learn CSS Grid Lanes: https://developer.apple.com/videos/play/wwdc2026/314
What’s new in WebKit for Safari 27: https://developer.apple.com/videos/play/wwdc2026/204

00:00 - Introduction
02:32 - Style the select button
03:47 - Customize the drop-down
05:00 - Go beyond text options
06:50 - The selectedcontent element
07:46 - Fallback for unsupported browsers
08:49 - Next steps

More Apple Developer resources:
Video sessions: https://apple.co/VideoSessions
Documentation: https://apple.co/DeveloperDocs
Forums: https://apple.co/DeveloperForums
App: https://apple.co/DeveloperApp