:-moz-ui-invalid (Extensions) – CSS 中文开发手册

[

  • ??CSS 中文开发手册

    :-moz-ui-invalid (Extensions) - CSS 中文开发手册

    非标准

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

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

    如果控件没有焦点,且值无效,则应用此伪类。如果控件具有焦点,并且该值在获得焦点时有效(包括空),则不要应用伪类。如果控件有焦点,并且当它获得焦点时值无效,则每次击键时都重新验证。如果需要元素,则仅当用户更改了值或试图提交表单时,才适用上述规则。

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

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

    规范

    不是任何规范的一部分。

    浏览器兼容性

    Feature

    Chrome

    Firefox (Gecko)

    Internet Explorer

    Opera

    Safari

    Basic support

    No support

    4.0 (2)

    No support

    No support

    No support

    Feature

    Android

    Chrome for Android

    Firefox Mobile (Gecko)

    IE Mobile

    Opera Mobile

    Safari Mobile

    Basic support

    No support

    No support

    ?

    No support

    No support

    No support

    
    
  • ??CSS 中文开发手册
  • ]
    转载请保留页面地址:https://www.breakyizhan.com/css/31195.html

    :-moz-ui-invalid (Extensions) – CSS 中文开发手册

    上一篇:AngularJS ng-non-bindable 指令


    下一篇:CSS3 overflow-y 属性