कैसे करें - प्लेसहोल्डर का रंग बदलें
CSS के साथ प्लेसहोल्डर एट्रिब्यूट का रंग बदलने का तरीका जानें।
प्लेसहोल्डर रंग
चरण 1) HTML जोड़ें:
इनपुट तत्व का प्रयोग करें और प्लेसहोल्डर विशेषता जोड़ें:
उदाहरण
<input type="text" placeholder="A red placeholder text..">
चरण 2) सीएसएस जोड़ें:
अधिकांश ब्राउज़रों में, प्लेसहोल्डर टेक्स्ट ग्रे होता है। इसे बदलने के लिए, प्लेसहोल्डर को गैर-मानक ::placeholder
चयनकर्ता के साथ स्टाइल करें। ध्यान दें कि फ़ायरफ़ॉक्स प्लेसहोल्डर में कम अस्पष्टता जोड़ता है, इसलिए हम opacity:
इसे ठीक करने के लिए 1 का उपयोग करते हैं।
उदाहरण
::placeholder {
/* Chrome, Firefox, Opera, Safari 10.1+ */
color: red;
opacity: 1; /* Firefox */
}
:-ms-input-placeholder { /* Internet
Explorer 10-11 */
color: red;
}
::-ms-input-placeholder
{ /* Microsoft Edge */
color: red;
}
युक्ति: हमारे सीएसएस संदर्भ में ::प्लेसहोल्डर चयनकर्ता के बारे में और पढ़ें: सीएसएस ::प्लेसहोल्डर संपत्ति ।