Chrome/Firefox/Safari中::placeholder不生效的典型原因是浏览器版本差异导致前缀支持不一：Safari 15.4+才稳定支持标准::placeholder，Firefox 51+才切换至标准语法但仍需兼容旧版，Chrome/Edge支持::placeholder及::-webkit-input-placeholder；必须同时声明input::placeholder、::-webkit-input-placeholder、::-moz-placeholder、::-ms-input-placeholder、::-moz-input-placeholder才能覆盖各浏览器；Firefox中opacity渲染异常，建议用rgba替代；iOS Safari存在font-family继承失效问题，需显式设置font简写；还需注意选择器优先级和预处理器嵌套导致的权重不足。
Chrome/Firefox/Safari中::placeholder伪元素不生效的典型原因
直接写 ::placeholder 在 Safari 15.4+ 或旧版 Firefox 中大概率没反应——不是你 CSS 写错了，是浏览器根本没识别到这个选择器。Safari 直到较新版本才支持无前缀的 ::placeholder，而 Firefox 在 51+ 才从 ::-moz-placeholder 切换到标准语法，且仍需兼容旧版。
- Chrome/Edge（Blink/WebKit）：支持
::placeholder，也认::-webkit-input-placeholder - Firefox：51+ 支持
::placeholder，但 4–50 版必须用::-moz-placeholder（单冒号）和::-moz-input-placeholder（双冒号，部分版本） - Safari：15.4+ 才稳定支持
::placeholder；更早版本只响应::-webkit-input-placeholder
必须同时声明多套前缀才能真正“统一定义”
所谓“统一”，其实是靠冗余覆盖：把所有主流私有变体和标准写法并列写出，让各浏览器各取所需。漏掉任意一个，对应环境下的占位符就回退到默认样式。
input::placeholder,
input::-webkit-input-placeholder,
input::-moz-placeholder,
input::-ms-input-placeholder,
input::-moz-input-placeholder {
color: #999;
font-size: 14px;
opacity: 1;
}
注意：::-ms-input-placeholder 虽然 IE 已淘汰，但某些旧版 Edge（EdgeHTML）仍依赖它；::-moz-placeholder 和 ::-moz-input-placeholder 在 Firefox 中行为略有差异（前者匹配整个 input 元素级 placeholder，后者更精确），建议都写上。
opacity 在 Firefox 中的兼容陷阱
Firefox 对 ::-moz-placeholder 的 opacity 支持不稳定——设为 0.5 可能完全不可见，或在聚焦输入框时残留半透明残影。这不是 bug，是它的渲染机制决定的。
立即学习“前端免费学习笔记（深入）”；
- 优先用
color的 rgba 值替代opacity，例如color: rgba(153, 153, 153, 0.7) - 如果必须用
opacity，请单独为 Firefox 加一层覆盖：input::-moz-placeholder { opacity: 0.7 !important; } - 避免对
::placeholder同时设置opacity和color: transparent，这在 Safari 中会导致占位符彻底消失
移动端 iOS Safari 的字体继承异常
iOS Safari（尤其是 16.x）会忽略 input::placeholder 中的 font-family，强行继承系统默认字体（通常是 San Francisco），哪怕你写了 font-family: "PingFang SC", "Helvetica Neue" 也没用。
- 解决方案：显式重置
font简写属性，例如font: 14px/1.4 "PingFang SC", sans-serif; - 不要依赖
inherit或unset，iOS 下它们常失效 - 若项目使用了自定义字体，请确认该字体已通过
@font-face正确加载且支持 iOS —— 占位符文本不会触发字体回退逻辑
.form-control::placeholder）意外覆盖，或者在 CSS 预处理器中因嵌套层级导致生成的选择器权重不足。真要稳，就老老实实手写四份，别图省事。 
