浏览器新特性允许 `<select>` 选项包含丰富内容，如预览、数字和职位名称，而不仅仅是纯文本，让用户可以直接识别选项而非阅读描述。Chrome团队和MDN提供了实现指南，该变更保留了键盘可访问性和表单值，同时实现了Figma和Google Docs等工具中已有的常见模式。
背景
网页开发者长期以来无法对原生`<select>`下拉框进行样式定制，也无法在`<option>`中包含丰富内容，只能借助自定义JavaScript组件 workaround。这一变更使原生选择体验更接近设计工具中已有的功能。
- 来源
- Lobsters
- 发布时间
- 2026年10月27日 19:33
- 评分
- 7.0 / 10