प्लेसहोल्डर-शोन स्यूडोक्लास

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

सिंटैक्स

cssसेलेक्टर:placeholder-shown {}

उदाहरण

आइए उस इनपुट के लिए लाल बॉर्डर सेट करते हैं, जिसमें प्लेसहोल्डर टेक्स्ट दिख रहा है, और टेक्स्ट डालने के बाद बॉर्डर हरे रंग में बदल जाए:

html<form>
  <input placeholder="enter the text">
</form>

cssinput {
  border: 1px solid green;
}
input:placeholder-shown {
  border-color: red;
}

Результат:

यह भी देखें