设置placeholder样式

岁兆

于 2017-07-13 15:36:41 发布

阅读量634

点赞数

CC 4.0 BY-SA版权

分类专栏： css技巧文章标签： input textarea placeholder

本文链接：https://blog.csdn.net/p493794782/article/details/75069404

css技巧专栏收录该内容

4 篇文章

订阅专栏

本文介绍如何使用CSS针对不同浏览器设定input和textarea元素的placeholder颜色，实现统一且友好的用户体验。

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

浏览器默认情况下，placeholder的颜色、大小和input的样式一致，但有时想要设定浅一点的颜色用于区分当前是否是用户输入的内容。

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #999;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #999;
}
input:-ms-input-placeholder{
    color: #999;
}
input::-webkit-input-placeholder{
    color: #999
}
textarea:-ms-input-placeholder{
    color: #999;
}
textarea::-webkit-input-placeholder{
    color: #999
}