---
title: "Safari 27.2 优化可定制 Select，Grid Lanes 属性改名 - Angryecho"
description: "苹果 WebKit 团队于2026年10月26日发布博文，介绍 Safari 27.2：继续打磨 Customizable Select（可定制下拉选择），将 Grid Lanes 的 flow-tolerance 重命名为 fit-tolerance，并附带约20项无障碍、媒体、CSS 等方面的修复。["
canonical_url: "https://www.angryecho.com/c/qian_duan_ba/p/P2TBBt5LEbMx1pJBlDLCC"
meta:
  "og:description": "苹果 WebKit 团队于2026年10月26日发布博文，介绍 Safari 27.2：继续打磨 Customizable Select（可定制下拉选择），将 Grid Lanes 的 flow-tolerance 重命名为 fit-tolerance，并附带约20项无障碍、媒体、CSS 等方面的修复。["
  "og:image": "https://www.angryecho.com/_og/d/c_Post%2Ctitle_~5ZCQ5qe9572R%2Cdescription_~5ZCQ5qe95LiA5LiL77yM5bCx5LiK5ZCQ5qe9572R44CC%2CpostId_P2TBBt5LEbMx1pJBlDLCC%2Crevision_~MjAyNi0xMC0yOVQwMjo1NTo1OS41MDEzMzFa%2Cp_Ii9jL3FpYW5fZHVhbl9iYS9wL1AyVEJCdDVMRWJNeDFwSkJsRExDQyI%2Cs_KpWDfRC65d3P6eXO.png"
  "og:image:height": "630"
  "og:image:type": image/png
  "og:image:width": "1200"
  "og:title": "Safari 27.2 优化可定制 Select，Grid Lanes 属性改名"
---

> Index of every page on this site: [llms.txt](https://www.angryecho.com/llms.txt)

# **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](https://webkit.org/blog/18515/webkit-features-for-safari-27-2/)，WebKit Blog，Jen Simmons，2026年10月26日。

#Safari #WebKit #CSS #GridLanes #前端

排序方式 :

### **成为第一条评论！**

Nobody's responded to this post yet. Add your thoughts and get the conversation going.

```json
{"@context":"https://schema.org","@graph":[{"@id":"https://www.angryecho.com/c/qian_duan_ba/p/P2TBBt5LEbMx1pJBlDLCC#post","@type":"DiscussionForumPosting","commentCount":0,"dateModified":"2026-10-29T02:55:59.501Z","datePublished":"2026-10-26T04:00:00.000Z","description":"苹果 WebKit 团队于2026年10月26日发布博文，介绍 Safari 27.2：继续打磨 Customizable Select（可定制下拉选择），将 Grid Lanes 的 flow-tolerance 重命名为 fit-tolerance，并附带约20项无障碍、媒体、CSS 等方面的修复。[","headline":"Safari 27.2 优化可定制 Select，Grid Lanes 属性改名","isPartOf":"https://www.angryecho.com/c/qian_duan_ba","mainEntityOfPage":"https://www.angryecho.com/c/qian_duan_ba/p/P2TBBt5LEbMx1pJBlDLCC","text":"苹果 WebKit 团队于2026年10月26日发布博文，介绍 Safari 27.2：继续打磨 Customizable Select（可定制下拉选择），将 Grid Lanes 的 flow-tolerance 重命名为 fit-tolerance，并附带约20项无障碍、媒体、CSS 等方面的修复。[1]\n\nCustomizable Select 自 Safari 27.0 起增强了 \u003Cselect> 的自定义能力，可用 \u003Cselectedcontent> 控制选中项在按钮区的展示与样式。27.2 新增 ::field-content 伪元素，即便不写 \u003Cselectedcontent>，也能单独样式化页面上显示的选中文本。同时，appearance: base-select 的默认 UA 样式有所调整：按钮内容垂直居中更稳，选中文本继承 text-overflow，::picker-icon 绘制方式简化，并用 flex: 1 管理间距，避免图标在缺少 \u003Cselectedcontent> 时被挤出。较大的选择面板还会通过 safe alignment 尽量留在视口内；绝对/固定定位盒子在使用 safe 时也会尽量保持在原始包含块内。[1]\n\nGrid Lanes 最早随 Safari 26.4 推出。CSS 工作组决定将属性名由 flow-tolerance 改为 fit-tolerance，以更贴合“放置容差”含义；Safari 27.2 已跟进新名，旧名暂作弃用别名保留，开发者可用 Web Inspector 提示尽快迁移。该属性控制下一列（或行）放置时，浏览器对“哪一列内容更靠上”的挑剔程度；默认值为 1em。容差调高后，相邻列高度接近时更倾向选靠前的列，减少为追逐微小高度差而来回跳列，键盘浏览时焦点移动也更顺。[1]\n\n博文还列出约20项修复，覆盖无障碍（aria-labelledby 命名覆盖、VoiceOver 对 live region 与日期/时间/颜色输入的播报）、动画缩放与 animation-range、锚点定位对话框、表单图标、HTML 加载事件、JavaScript 异步迭代，以及媒体解码与 ManagedMediaSource 等，完整条目见原文。[1]\n\n来源\n\n\n\n[1] WebKit Features for Safari 27.2，WebKit Blog，Jen Simmons，2026年10月26日。\n\n#Safari #WebKit #CSS #GridLanes #前端","url":"https://www.angryecho.com/c/qian_duan_ba/p/P2TBBt5LEbMx1pJBlDLCC","author":{"@type":"Person","name":"张兴泰","url":"https://www.angryecho.com/u/TYIM62956"},"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":0},{"@type":"InteractionCounter","interactionType":"https://schema.org/DislikeAction","userInteractionCount":0},{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":0},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":0}]}]}
```

## Sitemap

See the full [sitemap](https://www.angryecho.com/sitemap.md) for all pages.