पसूडोक्लास invalid

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

सिंटैक्स

सेलेक्टर:invalid {

}

उदाहरण

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

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

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

यह भी देखें

पसूडोक्लास :valid,
जो उस इनपुट के लिए स्टाइल निर्धारित करता है, जिसमें सही मान दर्ज किया गया हो
पसूडोक्लास :default,
जो डिफ़ॉल्ट रूप से तत्वों के लिए स्टाइल निर्धारित करता है
पसूडोक्लास :in-range,
जो निर्दिष्ट मान सीमा वाले तत्वों के लिए स्टाइल निर्धारित करता है
पसूडोक्लास :out-of-range,
जो उन तत्वों के लिए स्टाइल निर्धारित करता है, जिनके मान सीमा से बाहर होते हैं