पseudoclass valid

पseudoclass valid उन इनपुट के लिए स्टाइल निर्धारित करता है जिनमें सही मान दर्ज किया गया है या जो मान निर्दिष्ट प्रकार के अनुरूप है।

वाक्य - विन्यास

cssचयनकर्ता:valid {
  
}

उदाहरण

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

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

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

Результат:

यह भी देखें