css 样式 —— placeholder颜色修改

最新推荐文章于 2025-06-29 09:09:06 发布

原创最新推荐文章于 2025-06-29 09:09:06 发布 · 446 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#css

css 专栏收录该内容

7 篇文章

订阅专栏

本文详细介绍了两种修改CSS中输入框占位符颜色的方法。第一种方法针对不同版本的Mozilla Firefox及IE、Chrome浏览器提供了特定的伪类选择器。第二种方法则通过设置输入框和文本区域的通用样式来改变光标颜色、文本阴影和占位符文本颜色。

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

css placeholder颜色修改

方法一

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

::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #cccccc;
}

input:-ms-input-placeholder{
color: #cccccc;
}

input::-webkit-input-placeholder{
color: #cccccc;
}

方法二

input,textarea { color: rgb(60, 0, 248); /* 光标的颜色*/ text-shadow: 0px 0px 0px #D60B0B; /* 文本颜色 */ -webkit-text-fill-color: transparent; } 
    input::-webkit-input-placeholder{ color: rgb(60, 0, 248); /* 改变placeholder文本颜色 */ text-shadow: none; -webkit-text-fill-color: initial; }