css修改placeholder颜色

作者：思念的回忆发布日期:2026-06-04 浏览:28

/* 修改placeholder颜色的CSS代码 */

/* 对于WebKit浏览器（如Chrome、Safari） */
::-webkit-input-placeholder {
    color: red; /* 设置placeholder文字颜色为红色 */
}

/* 对于Mozilla Firefox浏览器 */
:-moz-placeholder {
    color: red; /* 设置placeholder文字颜色为红色 */
}

/* 对于较新的Mozilla Firefox版本 */
::-moz-placeholder {
    color: red; /* 设置placeholder文字颜色为红色 */
}

/* 对于Internet Explorer 10+ */
:-ms-input-placeholder {
    color: red; /* 设置placeholder文字颜色为红色 */
}

/* 对于标准的HTML5 placeholder属性 */
::placeholder {
    color: red; /* 设置placeholder文字颜色为红色 */
}

这段代码展示了如何使用CSS修改不同浏览器中placeholder文本的颜色。通过使用特定的伪元素选择器，可以确保在各种浏览器中都能正确应用样式。

上一篇：css按钮

下一篇：css文字水平居中