::placeholder CSS 伪元素

- WD

::placeholder 伪元素表示输入字段中的占位符文本:代表输入的文本,并为用户提供有关如何填写表单的提示。例如,日期输入字段可能具有占位符文本 YYYY-MM-DD,以说明应按年-月-日的顺序输入数字日期。

Chrome

  1. 4 - 56: 部分支持
  2. 57 - 123: 支持
  3. 124: 支持
  4. 125 - 127: 支持

Edge

  1. 12 - 18: 部分支持
  2. 79 - 123: 支持
  3. 124: 支持

Safari

  1. 3.1 - 4: 不支持
  2. 5 - 10: 部分支持
  3. 10.1 - 17.3: 支持
  4. 17.4: 支持
  5. 17.5 - TP: 支持

Firefox

  1. 2 - 18: 不支持
  2. 19 - 50: 支持
  3. 51 - 124: 支持
  4. 125: 支持
  5. 126 - 128: 支持

Opera

  1. 9 - 12.1: 不支持
  2. 15 - 43: 部分支持
  3. 44 - 108: 支持
  4. 109: 支持

IE

  1. 5.5 - 10: 不支持
  2. 11: 不支持

Chrome for Android

  1. 124: 支持

Safari on iOS

  1. 3.2 - 4.1: 不支持
  2. 4.2 - 10.2: 部分支持
  3. 10.3 - 17.3: 支持
  4. 17.4: 支持
  5. 17.5: 支持

Samsung Internet

  1. 4 - 6.4: 部分支持
  2. 7.2 - 23: 支持
  3. 24: 支持

Opera Mini

  1. 全部: 不支持

Opera Mobile

  1. 10 - 12.1: 不支持
  2. 80: 支持

UC 浏览器 for Android

  1. 15.5: 支持

Android 浏览器

  1. 2.1 - 4.4.4: 部分支持
  2. 124: 支持

Firefox for Android

  1. 125: 支持

QQ 浏览器

  1. 14.9: 支持

百度浏览器

  1. 13.52: 支持

KaiOS 浏览器

  1. 2.5: 支持
  2. 3: 支持

部分支持是指使用备用名称:::-webkit-input-placeholder 用于 Chrome/Safari/Opera (Chrome 问题 #623345) ::-ms-input-placeholder 用于 Edge(也支持 webkit 前缀)

资源
Mozilla 错误 1069012 - 取消 :placeholder-shown 伪类和 ::placeholder 伪元素的前缀
包含所有前缀的 CSS-Tricks 文章
MDN Web 文档 - CSS ::-moz-placeholder
MDN web 文档 - ::placeholder
CSSWG 讨论