Chrome/Firefox中::placeholder颜色不生效,主因是CSS优先级覆盖、浏览器兼容性差异或框架样式重置;需用双冒号语法、兼顾各浏览器前缀、避免内联样式干扰,并通过class而非style动态控制。Chrome/Firefox里::placeholder颜色不生效?检查伪元素是否被覆盖直接写 ::placeholder 但文字还是灰色,大概率是 CSS 优先级或浏览器默认样式干扰。它本质是个伪元素,和 ::before 一样受层叠规则约束,不是"一设就灵"。必须用 ::placeholder(双冒号),:placeholder(单冒号)只在旧版 WebKit 里部分支持,现在基本不用如果 input 上有内联样式或高权重类(比如 !important 的 color),会盖掉 ::placeholder 的 color某些 UI 框架(如 Bootstrap、Ant Design)会重置 placeholder 样式,得加更具体的选择器,比如 input.form-control::placeholderSafari 和 Edge 对::placeholder的支持差异Safari 15.4+ 才完全支持标准 ::placeholder;更早版本(包括 Safari 15.0--15.3)只认 ::-webkit-input-placeholder。Edge 基于 Chromium 后基本和 Chrome 一致,但旧版 Edge(EdgeHTML)要单独写 ::-ms-input-placeholder。最稳妥的写法是三者并列,顺序无所谓,但建议把标准写法放最后,方便未来清理不要只写 ::-webkit-input-placeholder,否则在新版 Safari 或 Firefox 里失效注意:Safari 15.4+ 已废弃前缀写法,但保留兼容;Firefox 从没支持过前缀版input::placeholder { color: #666;}input::-webkit-input-placeholder { color: #666;}input::-ms-input-placeholder { color: #666;}color以外的样式能用吗?透明度和字体要注意什么可以设 font-size、font-family、opacity,但有些限制:Firefox 不支持 background-color,所有浏览器都不支持给 placeholder 加 border 或 transform。 唱鸭 音乐创作全流程的AI自动作曲工具,集 AI 辅助作词、AI 自动作曲、编曲、混音于一体
相关推荐
沈浩(种子思维作者)1 分钟前
心理的研究,我从何来?糖果店的幽灵6 分钟前
【langgraph 从入门到精通graphApi 篇】节点与边 —— 图的骨架阿童木写作8 分钟前
Python实现跨境商品详情页自动翻译hhzz36 分钟前
CNN猫狗图像分类实战:基于Keras+TensorFlow的卷积神经网络全流程解析z落落40 分钟前
SQL 表的基本操作 数据库增删改查(CRUD)+SQL 进阶语法详解(标识列插入、模糊查询、Union、变量、运算、别名)代码的小搬运工4 小时前
网络请求(NSURL、NSURLRequest、NSURLSessionDataTask、协议回调与 JSON 数据的基本流向)Cx330❀10 小时前
【MySQL基础】一文吃透“表的约束”:从 Null/Default 到主外键的终极安全法则c2385610 小时前
第二篇:《测试指挥官:可视化单题自测框架(含 assert 实操)》我科绝伦(Huanhuan Zhou)10 小时前
MySQL极端场景数据丢失防护:从Crash-Safe到异地备份辞旧 lekkk10 小时前
【Redis初阶】常见数据类型