CSS改变input标签中的placeholder颜色

我们可以使用各个浏览器下的伪类来实现。

::-webkit-input-placeholder { /* WebKit browsers */
    color:    #A9A9A9;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #A9A9A9;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #A9A9A9;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
   color:    #A9A9A9;
}
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • HTML+CSS(47-72)
    问答题47 /72 常见浏览器兼容性问题与解决方案？ 参考答案 (1)浏览器兼容问题一：不同浏览器的标签默认的外补...
    _Yfling阅读 13,814评论 1赞 92
  • Spring Cloud
    Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具（例如配置管理，服务发现，断路器，智...
    卡卡罗2017阅读 134,992评论 19赞 139
  • Android - 收藏集
    Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,558评论 25赞 708
  • 小tips
    如果内容不是太丰富，直接放在一个页面就好，不要使用如下这种tab切换形式，tab切换成本比向下滚动页面的成本要高很...
    遇见番茄大人阅读 365评论 0赞 1
  • 从狼图腾的观影感受到读书方法
    被朋友拉来又看了一遍狼图腾，第一次看时觉得除了摄影尚可，故事和人物刻画都很弱。这样倒也有好处，这次看便主要看其...
    须弥沙阅读 591评论 7赞 5