在线文档教程
CSS

:-moz-ui-invalid

:-moz-ui-invalid

非标准

此功能是非标准的。不要在面向Web的生产站点上使用它:它并不适用于每个用户。实现之间也可能存在很大的不兼容性,而且这种行为在未来可能会发生变化。

:-moz-ui-invalidCSS伪类代表任何有效的形式元素,它的值是无效的根据自己的验证约束,在某些情况下。这个伪类按照以下规则来应用:

  • 如果控件没有焦点,且值无效,则应用此伪类。

  • 如果控件具有焦点,并且该值在获得焦点时有效(包括空),则不要应用伪类。

  • 如果控件有焦点,并且当它获得焦点时值无效,则每次击键时都重新验证。

  • 如果需要元素,则仅当用户更改了值或试图提交表单时,才适用上述规则。

结果是,如果控制在用户开始与之交互时是有效的,那么仅当用户将焦点转移到另一控制时才改变有效性样式。但是,如果用户正在尝试更正之前标记的值,则控件在值变为有效时立即显示。必需的项目仅在用户更改它们或尝试提交未更改的有效值时应用伪类。

默认情况下,gecko应用一种样式(该样式使用box-shadow属性),围绕已应用此伪类的项。见:invalid示例的伪类,演示如何覆盖默认样式。

规范

不是任何规范的一部分。

浏览器兼容性

FeatureChromeFirefox (Gecko)Internet ExplorerOperaSafari
Basic supportNo support4.0 (2)No supportNo supportNo support

FeatureAndroidChrome for AndroidFirefox Mobile (Gecko)IE MobileOpera MobileSafari Mobile
Basic supportNo supportNo support?No supportNo supportNo support