修改输入框placeholder文字默认字体的颜色

作者:天空2018.02.08来源:Web前端之家浏览:276评论:0
关键词:placeholder颜色

我们都知道,在html5中,为input、textarea添加了原生的占位符属性placeholder,现代高级浏览器都支持这个属性,这也方便我们给input等添加默认提示文字了,尤其在移动端web开发中,不过它总是默认的字体颜色。有时候我们需要修改它的颜色,那么要怎样设置placeholder默认字体颜色呢?其实是可以通过css修改的,在此简单记录一下,如下:

input::-webkit-input-placeholder{color: #fff; }

由于之前自己在做移动端开发,所以只写-webkit的,同理,其他支持的浏览器做单独的设置即可

input::-moz-placeholder{color: #fff; }
input:-ms-input-placeholder{color: #fff;}

效果:


温馨提示本文作者系 ,经Web前端之家编辑修改或补充,转载请注明出处和本文链接

已有0人参与

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

最新留言

  • admin

    客气了,请继续关注我们QQ群:295431592...

  • essaypinglun

    感谢楼主的分享...

  • 游客1

    非常好...

  • 游客

    这些插件都不错的...

  • 第三方

    似懂非懂...

  • admin

    有些是可以的,需要叠加很多层。...

  • 素材火

    纯css能实现吗?...

  • 小白

    json很实用,不过很多在用jsonp了,希望你们能多出些jsonp的文章。...