:blank

实验性: 这是一项实验性技术
在将其用于生产之前，请仔细检查浏览器兼容性表格。

备注： 使用 :blank 选择器被认为尚有一定风险，CSSWG 正在持续改进它。

详见 CSSWG issue #1967。

:blank CSS 伪类选择器选择用户输入为空的输入框，如 <input> 和 <textarea>。

语法

css
:blank {
  /* ... */
}

示例

使用 :blank 的简单示例

在最终支持该特性的浏览器中，:blank 伪类将使开发者能够以某种方式突出显示那些不是必填项，但仍然没有填入内容的输入控件，可以作为对用户的提醒。

HTML

html
<textarea></textarea>

CSS

css
textarea:blank {
  border: 3px solid red;
}

结果

规范

Specification
Selectors Level 4
# blank-pseudo

浏览器兼容性

BCD tables only load in the browser

参见