CSS ::placeholder选择器

定义和用法

::placeholder选择器选择与占位符文本形式的元素。占位符文本使用占位符属性设置，该属性指定描述输入字段的预期值的提示。

提示

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

特征	说明
CSS版本	CSS3

浏览器支持

表中的数字指定了完全支持该属性的第一个浏览器版本。数字后跟-ms-， -webkit-，-moz-或-o-指定使用前缀的第一个版本。

选择器	IE/Edge	Chrome	FireFox	Safari	Opera
选择器名称
::placeholder	12.0 -webkit- 10.0 -ms-	57.0 4.0 -webkit-	51.0 4.0 -moz-	10.1 5.0 -webkit-	44.0 15.0 -webkit-

CSS语法

::placeholder {
  css declarations;
}

实例

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

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

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

::placeholder {
  color: red;
}

尝试一下

CSS ::placeholder选择器

定义和用法

浏览器支持

CSS语法

实例

相关页面