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- 的数字指示使用前缀的首个版本。
| 选择器 | |||||
|---|---|---|---|---|---|
| ::placeholder | 57.0 4.0 -webkit- |
12.0 -webkit- 10.0 -ms- |
51.0 4.0 -moz- |
10.1 5.0 -webkit- |
44.0 15.0 -webkit- |
语法
::placeholder {
css declarations;
}
