2011-06-26 6 views
16

संभव डुप्लिकेट:इनपुट के प्लेसहोल्डर को स्टाइल करना, मैं यह कैसे कर सकता हूं?

<input type='search' placeholder='Search' name='q' /> 

मैं सीएसएस के साथ प्लेसहोल्डर कैसे शैली कर सकते हैं:
Change an input's HTML5 placeholder color with CSS

उदाहरण के लिए, मैं इस किया है? डिफ़ॉल्ट रूप से यह भूरा है, लेकिन मुझे यह काला होना पसंद है। क्या मुझे इसके बजाय जावास्क्रिप्ट का उपयोग करना है?

+0

तो जाहिर है, यह पूछा गया है। बहुत बार। लेकिन अभी भी किसी ऐसे व्यक्ति के लिए एक अच्छा सवाल है जो स्टैक ओवरफ्लो से प्यार करता है, लेकिन एचटीएमएल 5 की पेशकश करने के लिए सबकुछ पीछे है। http://stackoverflow.com/questions/2610497/change-an-inputs-html5-placeholder-color-with-css – matchew

उत्तर

11

कोई मानक तरीका नहीं है, और हर ब्राउज़र प्लेसहोल्डर का समर्थन नहीं करता है।

कुछ इस तरह यह .:

/* prefix with input if you want, but this will catch input and texatrea */ 
    ::-webkit-input-placeholder { color: #000;} 
    :-moz-placeholder { color: #000; } 

http://jsfiddle.net/CHG46/

आप पुराने और नए ब्राउज़रों प्लेसहोल्डर का समर्थन करना चाहते हैं (IE6-9) वहाँ एक jQuery प्लगइन (रों) प्रतीत होता है क्या करना चाहिए, यहां एक है, https://github.com/mathiasbynens/Placeholder-jQuery-Plugin हालांकि, मैंने पहले इसका उपयोग नहीं किया है।

0
input[placeholder="Search"] 
{ 
color: red 
} 
+0

वह प्लेसहोल्डर लाल रंग के साथ ही रंग इनपुट करता है, प्लेसहोल्डर्स स्वयं नहीं। –

+0

यह किसी भी इनपुट में * दर्ज * टेक्स्ट को स्टाइल करेगा जिसमें प्लेसहोल्डर "सर्च" है, लेकिन यह प्लेसहोल्डर टेक्स्ट को स्टाइल नहीं करेगा। – Gareth

+0

http://stackoverflow.com/questions/2610497/change-an-inputs-html5-placeholder-color-with-css – Jawad

 संबंधित मुद्दे

  • कोई संबंधित समस्या नहीं^_^