A SELECT SHOULD TELL YOU SOMETHING

Summary from the TLDR Design newsletter

Customizable HTML selects can now include previews, secondary information, warnings, and other context that helps people recognize the right option instead of deciphering text labels. Practical examples include showing fonts in their actual typefaces, displaying current local times instead of UTC offsets, aligning delivery prices for comparison, and distinguishing people with identical names by job title and department. The technique progressively enhances the native `select`, so unsupported browsers can retain familiar controls while richer desktop experiences provide more useful information without replacing built-in semantics and keyboard behavior.