Safari 15.4+仅支持::marker的color和content，font-size等属性被静默忽略；需确保li为display:list-item、父级用list-style-type:none而非list-style:none，并用transform:scale()替代font-size实现缩放。
为什么::marker在Safari里颜色/大小不生效
不是你写错了，是 Safari 对 ::marker 的支持有硬性缺口：Chrome 86+/Firefox 89+ 已稳定支持 color 和 font-size，但 Safari 直到 15.4（对应 iOS 16.0）才开始有限支持，且对 font-size 基本忽略——它只响应 color 和 content，其余样式被静默丢弃。
验证方法：在 Safari DevTools 中选中 li，看 Styles 面板里 ::marker 规则是否被划掉（strikethrough）。若被划掉，说明解析器根本没认这个伪元素；若没划掉但样式无效，大概率是属性不被支持。
-
font-size在 Safari 中几乎总是失效，规范未强制要求继承，引擎也未实现 -
margin、padding、background、border全部不支持，写了也没用 -
transform: scale()是目前唯一可靠缩放方式，但需加transform-origin: center left防偏移 - 旧版 Safari（如 15.3 / iOS 15.2）连
@supports (::marker)都不识别，检测直接跳过整块规则
如何让::marker在Safari中真正生效
前提必须满足三个条件，缺一不可：
-
li的计算后display值必须是list-item（不能被flex父容器或display: block覆盖） - 父级
ul或ol不能设list-style: none——必须用list-style-type: none保留介入通道 -
list-style-type必须为有效值（如decimal、disc），否则::marker不触发
常见翻车点：ul { list-style: none } 会彻底关闭原生标记渲染链，::marker 失效；而 ul { list-style-type: none } 才是正确写法，它只是隐藏符号但保留伪元素挂载点。
立即学习“前端免费学习笔记（深入）”；
Plan Dubai Travel — Flights, Hotels, Burj Khalifa, Desert Safari, Malls & Itineraries
下载
规划您的迪拜之旅 — 哈利法塔观景、沙漠探险、迪拜购物中心购物、棕榈岛度假村及黄金市场砍价。还提供支持...
替代方案：用counter + ::before兜底老Safari
只要项目需兼容 iOS 15.x 或 Safari 15.3 及更早版本，::marker 就不能当主力。必须回退到 list-style: none + counter-increment + ::before 方案，它兼容 IE8+，且完全可控。
关键实操点：
- 在
ol或ul上设counter-reset: item，不能只写在li上 -
li::before中用content: counter(item) "."，引号不能漏，否则输出字符串字面量 - 用
display: inline-block+width+text-align: right实现数字右对齐，比折腾::marker位移靠谱得多 - 可自由加
background、border-radius、margin，无任何限制
hover交互和间距调整的绕过技巧
::marker 不支持 :hover，这是规范限制，不是 bug。想实现悬停变色，只能靠继承：
- 给
li:hover设color，确保li::marker没写死color值（否则继承链中断） - 不要用
text-indent或margin-left想“推”开标记——::marker没盒模型，这些属性无效 - 真正控制间距，靠
padding-left或text-indent移动文字位置，而非标记本身 - 若设计稿要求“圆点紧贴文字”，别在
::marker上死磕，直接用li::before+position: absolute手动微调left
最易被忽略的一点：所有浏览器对 ::marker 与文字之间的默认水平间距都由 UA 样式硬编码，无法用 CSS 精确干预。所谓“调整”，本质是挪文字，不是挪标记。
