设置输入框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,这个时候可以看到,问题解决,完美。


©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 找到全局css文件,添加伪类元素,因为直接修改input颜色只作用于输入的文字,并不能改变默认字体的颜色,同时主要...
    祈澈菇凉阅读 1,369评论 1 5
  • H5移动端知识点总结 阅读目录 移动开发基本知识点 calc基本用法 box-sizing的理解及使用 理解dis...
    Mx勇阅读 4,609评论 0 26
  • 移动开发基本知识点 一.使用rem作为单位 html { font-size: 100px; } @media(m...
    横冲直撞666阅读 3,511评论 0 6
  • 第一章 F12: element.style 内联样式(可以直接在上面写代码进行简单调试) user agent...
    fastwe阅读 1,532评论 0 0
  • 今天来到惠州做户外拓展,一天下来我只想打五十个累字出来!手摸破皮,喉咙充血,肩膀超级酸。 当然这只是“皮外伤”,我...
    你好深圳阅读 308评论 3 7