: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

参见