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


相关文章
|
6月前
单选框设置默认选中
单选框设置默认选中
70 1
textarea文本框默认显示文本鼠标点击时清空
textarea文本框默认显示文本鼠标点击时清空
使用 contenteditable=“true“ 实现的文本框全选内容
使用 contenteditable=“true“ 实现的文本框全选内容
68 0
|
前端开发
input输入框内阴影效果
input输入框内阴影效果
103 1
|
6月前
|
Web App开发 前端开发
CSS - 修改输入框placeholder默认颜色
CSS - 修改输入框placeholder默认颜色
51 0
textarea去掉边框和取消选中后的边框
textarea去掉边框和取消选中后的边框
177 0
|
Web App开发 前端开发
去掉谷歌默认的input textarea边框样式
谷歌浏览器Chrome基于WebKit开源浏览器引擎,自然能够通过相关的一切方法自定义设置浏览器的默认状态。谷歌浏览器Chrome安装之后,大家应该都留意到所有的表单都会添加黄色边框特效。在某些时候这些特效还是很不错的,但是当网站本身就已经对于表单样式有一定的设计时,这种默认表单样式就会让人觉得套样了!
161 0
|
前端开发
前端取消input获取焦点时的边框
前端取消input获取焦点时的边框
133 0
|
前端开发
表单label里的文字默认是靠下的,如何靠上对齐?
0df3d7ca7bcb0a468694703e6a63f6246b60af07.jpg 给文本域加一个vertical-align:top;的CSS样式就行了,像这样: 文本域
1619 0