修改输入框placeholder文字默认颜色-webkit-input-placeholder

最新推荐文章于 2024-04-03 09:12:49 发布

weixin_30326745

最新推荐文章于 2024-04-03 09:12:49 发布

阅读量95

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/ourLifes/p/6307659.html

本文介绍如何使用CSS为不同浏览器的输入框占位文本设置颜色及字体大小，包括针对Mozilla Firefox、WebKit浏览器（如Chrome和Safari）、Internet Explorer等的特定样式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

针对placeholder来设置想要的颜色

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #000; opacity:1; 
}

::-moz-placeholder {  /* Mozilla Firefox 19+ */
    color: #000;opacity:1;
}

input:-ms-input-placeholder{
    color: #000;opacity:1;
}

input::-webkit-input-placeholder{
    color: #000;opacity:1;
}

也可以给这个属性加字体

input::-webkit-input-placeholder { /* WebKit browsers*/ 
　　color:#999;font-size:14px;
　　}
input:-moz-placeholder {  /* Mozilla Firefox 4 to 18*/ 
　　color:#999;font-size:14px;
　　}
input::-moz-placeholder {  /* Mozilla Firefox 19+*/ 
　　color:#999;font-size:14px;
　　}
input:-ms-input-placeholder { /* Internet Explorer 10+*/ 
　　color:#999;font-size:14px;
}