CSS :placeholder-shown 伪类

定义和用法

CSS :placeholder-shown 伪类用于选择并设置当前显示占位符文本的任何 <input> 或 <textarea> 元素的样式。

提示：还可以使用 ::placeholder 伪元素来设置占位符文本的样式。

实例

选择并设置当前显示占位符文本的任何 <input> 元素的样式：

input:placeholder-shown {
  background-color: beige;
  border: 2px solid maroon;
  border-radius: 5px;
  font-style: italic;
}

亲自试一试

CSS 语法

:placeholder-shown {
  css declarations;
}

技术细节

版本： CSS4

浏览器支持

表格中的数字指定了完全支持该伪类的首个浏览器版本。

Chrome Edge Firefox Safari Opera
47 79 59 9 34

相关页面

参考：CSS ::placeholder 伪元素