操作方法 - 更改占位符颜色
了解如何使用 CSS 更改占位符属性的颜色。
占位符颜色
自己动手试一试 »步骤 1) 添加 HTML
使用 input 元素并添加 placeholder 属性
示例
<input type="text" placeholder="红色占位符文本..">
步骤 2) 添加 CSS
在大多数浏览器中,占位符文本是灰色的。要更改此颜色,请使用 ::placeholder
选择器设置占位符样式。请注意,Firefox 会降低占位符的不透明度,因此我们使用 opacity: 1
来解决此问题。
示例
::placeholder {
color: red;
opacity: 1; /* Firefox */
}
::-ms-input-placeholder { /* Edge 12 -18 */
color: red;
}
自己动手试一试 »
提示:在我们的 CSS 参考手册中阅读更多关于 ::placeholder 选择器的信息:CSS ::placeholder 选择器。