专栏首页编程微刊设置输入框placeholder默认文字颜色

设置输入框placeholder默认文字颜色

当背景色不为白色的时候,要给input输入框设置成为 白色,一般来说,设置color:#fff即可,但是placeholder默认的文字颜色还是灰色,这个时候需要写代码设置输入框placeholder文字颜色。

找到全局css文件,添加伪类元素,因为直接修改input颜色只作用于输入的文字,并不能改变默认字体的颜色,同时主要是要兼容 火狐,IE 和 谷歌浏览器。

代码如下:

 input:-moz-placeholder,
textarea:-moz-placeholder { 
    color: #fff;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder { 
    color: #fff;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder { 
    color: #fff ;
} 
ok,这个时候可以看到,问题解决,完美。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • jQuery动态生成input填写时间值并且提交给后端

    今天写的一个demo,关于jQuery动态生成input填写时间值并且提交给后端。

    王小婷
  • 当鼠标聚焦时输入框变色(focus事件实例)

    王小婷
  • eclipse里面如何查看svn提交记录日志

    1:在菜单栏处找到“Window” 找到“Show View” 找到“Other”,点击打开“Other”

    王小婷
  • CSS 中修改placeholder文字的样式

    1.WebKit, Blink, Edge浏览器等需要带上-webkit-前缀,且是双冒号,写的时候还要带上input或是textarea. 2.针对火狐浏览...

    越陌度阡
  • Input设置只读属性

    wfaceboss
  • ORACLE数据库的连接

    作者介绍:姜刚,云和恩墨技术顾问,2016年开始专职从事DBA运维,ORACLE OCP,精通shell及perl编程。 本文由恩墨大讲堂143期线上分享整理而...

    数据和云
  • 贞炸了!上线之后,消息收不到了!

    昨晚生产系统机房切换,又度过了一个不眠之夜。趁着这段无聊时间,分享一下前一段时间 RocketMQ 踩坑经历

    andyxh
  • 小白也能看懂的seaborn入门示例

    Seaborn就是让困难的东西更加简单。它是针对统计绘图的,一般来说,能满足数据分析90%的绘图需求。Seaborn其实是在matplotlib的基础上进行了更...

    1480
  • Java--编码问题

    SuperHeroes
  • Seaborn从零开始学习教程(三)

    当处理一个数据集的时候,我们经常会想要先看看特征变量是如何分布的。这会让我们对数据特征有个很好的初始认识,同时也会影响后续数据分析以及特征工程的方法。本篇将会介...

    用户2769421

扫码关注云+社区

领取腾讯云代金券