input 更改 pleaseholder 的字体样式

最新推荐文章于 2021-07-20 14:50:10 发布

转载最新推荐文章于 2021-07-20 14:50:10 发布 · 928 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/LXG97/p/10482940.html

本文详细介绍了如何使用CSS为不同浏览器定制输入框的占位符文本样式，包括颜色和字体大小，确保了跨浏览器的一致性。

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

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