如何 - 更改占位符颜色
了解如何使用 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 选择器.
