设置输入框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
0
0
0
10
分享
相关文章
|
10月前
Element UI之el-tabs的样式修改字体颜色、下划线、选中/未选中
Element UI之el-tabs的样式修改字体颜色、下划线、选中/未选中
2267 0
textarea文本框默认显示文本鼠标点击时清空
textarea文本框默认显示文本鼠标点击时清空
|
10月前
【UI】 修改element-ui input输入框placeholder提示信息、占位符的样式
【UI】 修改element-ui input输入框placeholder提示信息、占位符的样式
836 0
|
10月前
textarea文本框根据输入内容自动适应高度
textarea文本框根据输入内容自动适应高度
152 0
CSS - 修改输入框placeholder默认颜色
CSS - 修改输入框placeholder默认颜色
65 0
CSS:去除input和button边框以及选中时边框默认样式
CSS:去除input和button边框以及选中时边框默认样式
textarea去掉边框和取消选中后的边框
textarea去掉边框和取消选中后的边框
227 0
AI助理

你好,我是AI助理

可以解答问题、推荐解决方案等