CSS ::placeholder 选择器

实例

更改输入字段的占位符文本的颜色：

::-webkit-input-placeholder { /* Edge */
  color: red;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: red;
}

::placeholder {
  color: red;
}

亲自试一试

定义和用法

::placeholder 选择器用于选取带有占位符文本的表单元素，并让您设置占位符文本的样式。

占位符文本使用 placeholder 属性设置，这个属性规定描述输入字段期望值的提示文本。

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

浏览器支持

表格中的数字注明了完全支持该选择器的首个浏览器版本。

后面跟 -webkit-、-moz- 或 -ms- 的数字指示使用前缀的首个版本。

CSS 语法

::placeholder {
  css declarations;
}