Safari 27.2 优化可定制 Select，Grid Lanes 属性改名

苹果 WebKit 团队于2026年10月26日发布博文，介绍 Safari 27.2：继续打磨 Customizable Select（可定制下拉选择），将 Grid Lanes 的 flow-tolerance 重命名为 fit-tolerance，并附带约20项无障碍、媒体、CSS 等方面的修复。[1]

Customizable Select 自 Safari 27.0 起增强了 <select> 的自定义能力，可用 <selectedcontent> 控制选中项在按钮区的展示与样式。27.2 新增 ::field-content 伪元素，即便不写 <selectedcontent>，也能单独样式化页面上显示的选中文本。同时，appearance: base-select 的默认 UA 样式有所调整：按钮内容垂直居中更稳，选中文本继承 text-overflow，::picker-icon 绘制方式简化，并用 flex: 1 管理间距，避免图标在缺少 <selectedcontent> 时被挤出。较大的选择面板还会通过 safe alignment 尽量留在视口内；绝对/固定定位盒子在使用 safe 时也会尽量保持在原始包含块内。[1]

Grid Lanes 最早随 Safari 26.4 推出。CSS 工作组决定将属性名由 flow-tolerance 改为 fit-tolerance，以更贴合“放置容差”含义；Safari 27.2 已跟进新名，旧名暂作弃用别名保留，开发者可用 Web Inspector 提示尽快迁移。该属性控制下一列（或行）放置时，浏览器对“哪一列内容更靠上”的挑剔程度；默认值为 1em。容差调高后，相邻列高度接近时更倾向选靠前的列，减少为追逐微小高度差而来回跳列，键盘浏览时焦点移动也更顺。[1]

博文还列出约20项修复，覆盖无障碍（aria-labelledby 命名覆盖、VoiceOver 对 live region 与日期/时间/颜色输入的播报）、动画缩放与 animation-range、锚点定位对话框、表单图标、HTML 加载事件、JavaScript 异步迭代，以及媒体解码与 ManagedMediaSource 等，完整条目见原文。[1]

来源

[1] WebKit Features for Safari 27.2，WebKit Blog，Jen Simmons，2026年10月26日。

#Safari #WebKit #CSS #GridLanes #前端