1. 面向开发者的 Web 技术
  2. CSS：层叠样式表
  3. CSS 参考
  4. 选择器
  5. :valid

此页面由社区从英文翻译而来。了解更多并加入 MDN Web Docs 社区。

View in English Always switch to English

:valid

基线 广泛可用

自 2015年7月 起，此特性已在主流浏览器中得到支持，可在大多数设备和浏览器版本中正常使用。

:valid CSS 伪类表示内容验证正确的<input> 或其他 <form> 元素。这能简单地将校验字段展示为一种能让用户辨别出其输入数据的正确性的样式。

css
/* Selects any valid <input> */
input:valid {
  background-color: powderblue;
}

该伪类对于高亮正确字段是很有用的。

语法

Error: could not find syntax for this item

例子

参见 :invalid。

Accessibility concerns

绿色常用于表示有效输入。但某些色盲的人将无法确定输入的状态（颜色），除非使用不依赖于颜色来传达意义的附加指示器。通常，指示器使用描述性文本和（或）图标。

规范

规范
HTML
# selector-valid
Selectors Level 4
# valid-pseudo

浏览器兼容性

参见

帮助改进 MDN

了解如何参与贡献

此页面最后更新于 ，由 MDN 贡献者更新。

在 GitHub 上查看此页面 • 报告此内容的问题