Ψευδοτύπος :invalid CSS

Ορισμός και χρήση

CSS :invalid Ο ψευδοτύπος χρησιμοποιείται για τη ρύθμιση του στυλ των μη έγκυρων στοιχείων φόρμας.

Σημείωση:Ο ψευδοτύπος εφαρμόζεται μόνο σε στοιχεία φόρμας με περιορισμούς, όπως στοιχεία εισαγωγής με τις ιδιότητες min και max, πεδία email χωρίς νόμιμο email ή πεδία αριθμών χωρίς αριθμούς κ.λπ.

Σημείωση:Αν οποιοδήποτε κουμπί επιλογής στην ομάδα των κουμπιών επιλογής είναι υποχρεωτικό, τότε ο ψευδοτύπος θα εφαρμοστεί σε όλα τα κουμπιά επιλογής αν δεν έχει επιλεγεί κανένα κουμπί επιλογής στην ομάδα.

Σημείωση:Χρήση :valid Ο ψευδοτύπος καθορίζει το στυλ των έγκυρων στοιχείων φόρμας.

Παράδειγμα

Ρυθμίστε το στυλ για τα στοιχεία φόρμας που είναι μη έγκυρα: <fieldset> και <input>;

fieldset:invalid {
  περιθώριο: 2px γεμάτο κόκκινο;
  χρώμα 배경-κόκκινο: καστανό;
}
input:invalid {
  περιθώριο: 2px γεμάτο κόκκινο;
  χρώμα 배경-κόκκινο: καστανό;
}

Δοκιμάστε το προσωπικά

Γραμματική CSS

:invalid {
  καθορισμοί css;
}

Τεχνικές λεπτομέρειες

Υποστήριξη προγράμματος περιήγησης

Τα αριθμήματα στην τάβλη καθορίζουν την πρώτη έκδοση του προγράμματος περιήγησης που υποστηρίζει πλήρως τον ψευδοτύπο.

Σχετικές Σελίδες

Παρατηρήσεις:CSS :valid επιλογέας