Hasty Briefsbeta

双语

The <select> element can now be customized with CSS

a year ago
  • #web-development
  • #chrome-updates
  • #css
  • Chrome 135 版本推出了标准化且支持CSS样式的`<select>`元素。
  • 新增CSS属性`appearance: base-select`使`<select>`元素可配置状态并支持样式化。
  • `base-select`特性带来HTML解析器变更、新增内部组件及顶层选项显示等功能。
  • `base-select`移除了传统行为，如浏览器窗格外渲染和调用移动端OS原生组件。
  • `<select>`元素现支持在`<option>`标签内嵌入SVG、图片等富HTML内容。
  • Chrome通过Finch实验降低了对现有网站的兼容性破坏风险。
  • `<select>`的JavaScript接口保持不变，但建议对富HTML内容进行测试。
  • Chrome率先实现该特性，但其他浏览器也参与了未来'base'系列元素的规范制定。
About|Login