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教程：CSS伪元素