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


相关文章
|
2月前
单选框设置默认选中
单选框设置默认选中
42 1
|
8月前
|
前端开发
input输入框内阴影效果
input输入框内阴影效果
68 1
|
2月前
|
Web App开发 前端开发
CSS - 修改输入框placeholder默认颜色
CSS - 修改输入框placeholder默认颜色
32 0
|
8月前
textarea去掉边框和取消选中后的边框
textarea去掉边框和取消选中后的边框
|
Web App开发 前端开发 开发者
1 分钟认识新属性 accent-color —— 修改 input 默认控件颜色
1 分钟认识新属性 accent-color —— 修改 input 默认控件颜色
|
Web App开发 前端开发
去掉谷歌默认的input textarea边框样式
谷歌浏览器Chrome基于WebKit开源浏览器引擎,自然能够通过相关的一切方法自定义设置浏览器的默认状态。谷歌浏览器Chrome安装之后,大家应该都留意到所有的表单都会添加黄色边框特效。在某些时候这些特效还是很不错的,但是当网站本身就已经对于表单样式有一定的设计时,这种默认表单样式就会让人觉得套样了!
131 0
【Layui】关于单选框的选中状态,下拉框默认显示
【Layui】关于单选框的选中状态,下拉框默认显示
611 0
【Layui】关于单选框的选中状态,下拉框默认显示
|
前端开发
表单label里的文字默认是靠下的,如何靠上对齐?
0df3d7ca7bcb0a468694703e6a63f6246b60af07.jpg 给文本域加一个vertical-align:top;的CSS样式就行了,像这样: 文本域
1583 0
fbh
|
Web App开发
input 属性placeholder 默认值颜色修改
input::-webkit-input-placeholder { /* WebKit browsers */ color: #fff; } input:-moz-placeholder { /* Mozilla...
fbh
1186 0