पसूडोक्लास invalid

पसूडोक्लास invalid स्टाइल निर्धारित करता है उस इनपुट के लिए, जिसमें गलत मान दर्ज किया गया हो या वह मान जो निर्दिष्ट प्रकार से मेल न खाता हो।

सिंटैक्स

cssसेलेक्टर:invalid {

}

उदाहरण

आइए इनपुट की पृष्ठभूमि को गुलाबी रंग में बदलें, जब कोई गलत मान दर्ज किया जाता है और वापस हरे रंग में, जब मान चुने गए प्रकार के अनुरूप जाँच पास कर लेता है:

html<p>अपना ईमेल दर्ज करें</p>
<p><input type="email"></p>

cssinput:invalid {
  background: #E37D76;
}
input:valid {
  background: #9DDFA4;
}

Результат:

यह भी देखें