Firefox 4 Required input form RED border/outline

by

There’s some new pseudo selectors for some of the new HTML5 form features available to you in CSS. You’re probably looking for :invalid. The following are all from the MDC Firefox 4 docs:

  • The :invalid CSS pseudo-class is applied automatically to elements whose contents fail to validate according to the input’s type setting

  • The :-moz-submit-invalid pseudo-class is
    applied to the submit button on form
    fields when one or more form fields
    doesn’t validate.

  • The :required
    pseudo-class is now automatically
    applied to fields that
    specify the required attribute; the
    :optional pseudo-class is applied to
    all other fields.

  • The
    :-moz-placeholder pseudo-class has
    been added, to let you style
    placeholder text in form fields.

  • The :-moz-focusring pseudo-selector
    lets you specify the appearance of an
    element when Gecko believes the
    element should have a focus
    indication rendered.

Leave a Comment