"प्लेसहोल्डर" टेक्स्ट का रंग कैसे सेट करें?

Question

क्या placeholder टेक्स्ट का रंग सेट करना संभव है?

<textarea placeholder="Write your message here..."></textarea> 

Answer 1

कोई नहीं "इस जवाब का उल्लेख" उत्तर पसंद करती है, लेकिन इस मामले में यह मदद मिल सकती है: Change an HTML5 input's placeholder color with CSS

चूंकि यह केवल ब्राउज़रों की एक जोड़ी द्वारा समर्थित है, तो आप jQuery प्लेसहोल्डर प्लगइन (यह मानते हुए कोशिश कर सकते हैं आप jQuery का उपयोग कर रहे हैं)। यह आपको सीएसएस के माध्यम से प्लेसहोल्डर टेक्स्ट को स्टाइल करने की अनुमति देता है क्योंकि यह वास्तव में केवल एक स्वैप चाल है जो फोकस ईवेंट के साथ करता है।

प्लगइन उन ब्राउज़र पर सक्रिय नहीं होता है जो इसका समर्थन करते हैं, हालांकि, आपके पास सीएसएस हो सकता है जो शेष को पकड़ने के लिए क्रोम \ फ़ायरफ़ॉक्स और jQuery प्लगइन के सीएसएस को लक्षित करता है।

प्लगइन यहां पाया जा सकता: https://github.com/mathiasbynens/jquery-placeholder

Answer 2

फ़ायरफ़ॉक्स उपयोग के लिए इस

textarea::-webkit-input-placeholder { color: #999;} 

Answer 3

का प्रयास करें:

input:-moz-placeholder { color: #aaa; } 
textarea:-moz-placeholder { color: #aaa;} 

सभी अन्य ब्राउज़र के लिए

(क्रोम, आईई, सफारी), बस का उपयोग :

.placeholder { color: #aaa; } 

Answer 4

::-webkit-input-placeholder { /* WebKit browsers */ 
    color: #999; 
} 
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
    color: #999; 
} 
::-moz-placeholder { /* Mozilla Firefox 19+ */ 
    color: #999; 
} 
:-ms-input-placeholder { /* Internet Explorer 10+ */ 
    color: #999; 
} 

Answer 5

this

input::-webkit-input-placeholder { /* WebKit browsers */ 
 
    color: #f51; 
 
} 
 
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
 
    color: #f51; 
 
} 
 
input::-moz-placeholder { /* Mozilla Firefox 19+ */ 
 
    color: #f51; 
 
} 
 
input:-ms-input-placeholder { /* Internet Explorer 10+ */ 
 
    color: #f51; 
 
}

<input type="text" placeholder="Value" />

Answer 6

#Try this: 

input[type="text"],textarea[type="text"]::-webkit-input-placeholder { 
    color:#f51; 
} 
input[type="text"],textarea[type="text"]:-moz-placeholder { 
    color:#f51; 
} 
input[type="text"],textarea[type="text"]::-moz-placeholder { 
    color:#f51; 
} 
input[type="text"],textarea[type="text"]:-ms-input-placeholder { 
    color:#f51; 
} 

##Works very well for me. 

Answer 7

प्रयास करें बस कोड की इन पंक्तियों का उपयोग प्लेसहोल्डर एक रंग देने के लिए:

::-webkit-input-placeholder { color: red; } 
::-moz-placeholder {color: red; } 
:-ms-input-placeholder { color: red; } 
:-o-input-placeholder { color: red; } 

की [एक इनपुट के एचटीएमएल 5 प्लेसहोल्डर रंग बदलें