ie（含ie11）完全不识别initial关键字，css解析器直接跳过整条声明甚至废弃所在规则块；必须逐项查mdn的initial value栏，手动替换为兼容值，如background-color: transparent、font-weight: 400等。
IE（包括 IE11）完全不识别 initial 关键字，不是“兼容性差”，而是 CSS 解析器直接跳过整条声明——连带它所在的规则块都可能被废弃。
IE 遇到 initial 会静默丢弃整条 CSS 声明
这不是渲染异常，是语法级缺失：IE 的 CSS 引擎压根没注册 initial 这个 token。写 color: initial，IE 就当这行不存在；如果它紧挨着 display: flex，那整个 flex 布局都可能失效。
常见现象包括：
- Element UI 的
el-switch在 IE 下居中（本该居左），因为其内部用了text-align: initial - 媒体查询里写了
@media (prefers-reduced-motion) { * { animation: initial; } }，Safari 9 直接忽略整段媒体查询 -
margin: initial被跳过，元素意外撑开或错位，而非归零
不能靠“感觉”替换，必须查 MDN 上每个属性的 Initial value
不同属性的初始值差异很大，硬套 0 或 none 会出错：
-
background-color: initial→ 必须改成background-color: transparent（none不合法，inherit是继承，不是初始值） -
font-weight: initial→ 改成font-weight: 400（normal的数值等价，不是100或0） -
border-style: initial→ 改成border-style: none（注意：不是0，0是长度单位，非法） -
display: initial→ 改成display: inline（绝大多数元素默认 display 是inline，div等块级元素是 UA 样式表额外设定的） -
margin: initial→ 拆成margin: 0（四方向初始值均为0，但padding同样是0，border-width却是medium）
PostCSS 插件（如 postcss-preset-env）无法自动修复 initial
initial 是属性值（value），不是新语法或新函数，autoprefixer、cssnano、postcss-preset-env 等插件只处理选择器、属性名、前缀等层面，对值不做语义映射——它没有等效旧写法可“翻译”。
更危险的是：cssnano 有时会把 transparent 自动压缩成 initial，反而在 IE 中引入新问题。
安全做法是：
- 用正则全局搜索：
\s*initial\s*;（注意空格和分号） - 逐条打开 MDN 页面，查对应属性的 Initial value 栏
- 手动替换成确定的、浏览器广泛支持的字面值，不要依赖脚本批量替换
- 特别警惕组件库源码或第三方 CSS 包里隐藏的
initial（比如 Ant Design、Element UI 内部样式）
真正麻烦的不是找不到替代值，而是有些属性（如 gap、aspect-ratio）在旧浏览器里根本没初始值定义，查不到 MDN 条目——这时候得结合 UA 默认行为 + 实际渲染测试来判断，不能假设“没定义＝不生效”。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
