只写::placeholder不够用，因旧版chrome、firefox、ie等不支持标准语法，需同时声明::-webkit-input-placeholder、::-moz-placeholder、::-ms-input-placeholder等前缀规则并按顺序排列，标准写法放最后。
color` 就行，但必须加浏览器前缀，否则在旧版 Chrome、Firefox 或 IE 里完全不生效。
为什么只写 ::placeholder 不够用
标准语法 ::placeholder 在现代浏览器（Chrome 57+、Firefox 52+、Edge 79+）中可用，但大量存量项目仍需支持更老版本：
• ::-webkit-input-placeholder 覆盖 Chrome • ::-moz-placeholder 和 :-moz-placeholder 对应 Firefox 19–56 和更早版本（注意单冒号写法）
• :-ms-input-placeholder 是 IE 10–11 的唯一入口
漏掉任意一个，对应浏览器里 placeholder 就还是默认浅灰色
::-moz-placeholder 必须配 opacity: 1
Firefox 默认会给 placeholder 加 opacity: 0.54，即使写了 color: #666，实际看起来还是发灰：
• 只加 color 不够，必须显式声明 opacity: 1
• 这个规则对 ::-moz-placeholder 和 :-moz-placeholder 都要写
• 其他浏览器不需要，加了也无害，但没必要
Element UI 或其他组件库怎么改
像 el-input 这类封装组件，placeholder 实际渲染在内部的原生 input 上，选择器得穿透到具体节点：
• 直接写 input::placeholder 无效，因为组件没暴露原生 input 为顶层元素
• 正确写法是 .el-input__inner::placeholder
• 若只想改某一个输入框，加自定义 class： .my-form .el-input__inner::placeholder
• 同样要补全所有前缀，尤其是 .el-input__inner::-moz-placeholder 也要带 opacity: 1
颜色值选多少才合适
别用纯黑 #000 或纯白 #fff，尤其在非白色背景上：
• 浅色背景（如 #f8f9fa）推荐 #6c757d（Bootstrap gray-600）或 #999
• 深色背景（如 #2d3748）用 #a0aec0 这类中亮灰，避免刺眼
• 避免透明度控制（如 rgba(0,0,0,0.5)），不同浏览器对 opacity 解析不一致，优先用实色 + 显式 opacity 控制
opacity 默认值和组件库的选择器层级——写完记得在 Firefox 旧版和 IE 11 里真机点开看一眼，光靠 DevTools 模拟器会漏掉。前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
