各浏览器下placeholder的设置方法

最新推荐文章于 2024-04-03 22:29:48 发布

原创最新推荐文章于 2024-04-03 22:29:48 发布 · 835 阅读

1 ·

CC 4.0 BY-SA版权

本文介绍了一种使用CSS来设置不同浏览器下输入框占位符颜色的方法，包括WebKit、Mozilla Firefox及Internet Explorer等浏览器的兼容性解决方案。

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

在冒号前面可以加上input,textarea；注意兼容性（冒号的个数）。
　　