CSS ::placeholder 伪元素

定义和用法

CSS ::placeholder 伪元素用于设置 <input> 或 <textarea> 元素的占位符文本的样式。

占位符文本通过 placeholder 属性设置，该属性描述了字段的预期值的提示。

提示：在大多数浏览器中，占位符文本的默认颜色为浅灰色。

实例

更改输入字段中占位符文本的颜色和透明度：

input::placeholder {
  color: red;
  opacity: 0.5;
}

亲自试一试

CSS 语法

::placeholder {
  css declarations;
}

技术细节

版本： CSS Pseudo-elements Module Level 4

浏览器支持

表格中的数字指定了完全支持该伪元素的首个浏览器版本。

Chrome Edge Firefox Safari Opera
57 79 51 10.1 44

相关页面

CSS 参考：:placeholder-shown 伪类