प्लेसहोल्डर का रंग कैसे बदलें

प्लेसहोल्डर का रंग कैसे बदलें

पहला कदम - HTML जोड़ें:

इनपुट तत्व का उपयोग करें और placeholder गुण:

<input type="text" placeholder="A red placeholder text..">

दूसरा कदम - CSS जोड़ें:

अधिकांश ब्राउज़रों में, प्लेसहोल्डर पाठ ग्रे है. इस सेटिंग को बदलने के लिए ::placeholder चयनकर्ता को प्लेसहोल्डर की शैली सेट करने के लिए रोल करते हैं。

ध्यान दें कि Firefox ने प्लेसहोल्डर को कम अस्पष्टता को जोड़ा है, इसलिए हम अस्पष्टता: 1 इस समस्या को हल करने के लिए。

::placeholder {
  रंग: लाल;
  अस्पष्टता: 1; /* Firefox */
{}
::-ms-input-placeholder { /* Edge 12 -18 */
  रंग: लाल;
{}

अपने आप प्रयोग करें

संबंधित पृष्ठ

संदर्भ पुस्तकःCSS ::placeholder चयनक