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


相关文章
|
前端开发 测试技术 持续交付
成功的上线之路:前端部署策略详解
前端部署是将您的Web应用从开发环境转移到生产环境的关键步骤。它不仅影响网站的可用性和性能,还涉及到安全性和用户体验。在本博客中,我们将深入研究前端部署的概念、最佳实践以及如何选择适合您项目的部署策略。
775 0
|
存储 Java 开发者
Java变量命名规则
Java变量命名规则
633 0
|
小程序
小程序-uni-app:hbuildx uni-app 安装 uni-icons 及使用
小程序-uni-app:hbuildx uni-app 安装 uni-icons 及使用
1185 0
Element ui dialog弹窗最大化最小化关闭组件封装
封装一个最大化最小化关闭的dialog弹窗组件
3130 1
|
JavaScript 中间件 API
nuxt3:我们开始吧-开发-配置-部署(一)
nuxt3:我们开始吧-开发-配置-部署(一)
1406 0
|
存储 UED
判断 Lottie 动画文件是否需要压缩
【10月更文挑战第16天】判断 Lottie 动画文件是否需要压缩需要综合考虑多个因素。文件大小、应用场景、视觉质量、更新频率、存储空间、性能监测以及与其他资源的平衡等都是重要的考量点。通过仔细评估这些因素,你可以更准确地决定是否对 Lottie 动画文件进行压缩,以达到最佳的效果和性能。
338 57
|
人工智能 前端开发 Java
Java开发工程师转哪个行业比较好?
Java开发工程师转哪个行业比较好?
929 2
|
前端开发 JavaScript
会旋转的圣诞树
这篇文章介绍了如何使用HTML、CSS和JavaScript实现一个动态旋转的圣诞树效果,包括详细的实现步骤和编码实现,以及最终效果的展示。
会旋转的圣诞树
|
存储 缓存 负载均衡
带你认识DM 共享存储数据库集群
带你认识DM 共享存储数据库集群
495 3
|
SQL
SQL中GROUP BY语句与HAVING语句的使用
SQL中GROUP BY语句与HAVING语句的使用
649 1