我们刚刚介绍了 2019 年选择样式的现状，但我们并没有像 Julie Grundy 在 这里 那样深入和花哨。它背后有相当一部分 JavaScript 代码，因此我仍然非常关注浏览器最近对为我们提供 更强大的选择 的兴趣，这些选择可能只需要 HTML 和 CSS。
如果你只想看看最终结果，可以查看我在 CodePen 上的分支。
查看 CodePen 上的
自定义选择输入，由 Chris Coyier (@chriscoyier) 创建。
在 CodePen 上。
这也是 24 Ways 2019 年版的首篇文章，这是一个长期运行的、精彩的年度开发者降临日历，值得每年都阅读。
这太棒了。在重新创建自定义表单元素时，我一直担心的是对可访问性的影响，但这次似乎效果非常好。元素类型在可访问性树中正确构建（我在最新的 Fx 版本中测试过），并且屏幕阅读器（NVDA，目前使用最广泛的 SR）按预期宣布。即使你在键入时下方过滤的组合列表也会更新并被正确地读出，并且包含了正确的元素数量。也许值得在 Mac 上使用 VoiceOver 测试该功能，因为我的经验是，该 SR 有时会对自定义元素和在正确的时间宣布正确内容感到困惑，但我现在没有可以用来测试的 Mac。