2013-03-19 16 views
17

इस लेख (Style text input placeholder) का पालन करें, मैं लाल रंग की पाठ इनपुट प्लेसहोल्डर का रंग बदल सकते। लेकिन यह हमेशा एक हल्का लाल रंग होता है, बिल्कुल लाल नहीं।बदलें इनपुट प्लेसहोल्डर रंग गहरा

क्या यह एक लाल रंग को बिल्कुल सही बनाने का कोई तरीका है?

अद्यतन

क्रोम पर रंग लाल (यह सही है), Firefox पर रंग, लाल नहीं है, यह प्रकाश लाल या धुंधला है, मुझे लगता है कि अनुमान लगाया।

http://i279.photobucket.com/albums/kk132/svincoll4/2013-03-19_181239_zps84166305.png

(ओपी जवाब से)

संपादित करें:

इस उदाहरण (http://jsfiddle.net/LQkQG/) की जांच करें, रंग क्रोम पर लाल है, लेकिन light-red Firefox पर। मैं क्रोम के साथ फ़ायरफ़ॉक्स पर रंग चाहता हूं।

उत्तर

42

मैंने पाया लिख ​​सकते हैं आपको अस्पष्टता को ओवरराइड करने की आवश्यकता है।

::-webkit-input-placeholder { /* WebKit browsers */ 
    color: red; 
    opacity: 1 !important; 
} 
+1

आप आदमी हैं। धन्यवाद। –

+0

gnarly, मैंने ध्यान नहीं दिया क्रोम अस्पष्टता पर लटक रहा है! –

+0

अब अपनी ही वेबकिट ब्राउज़रों के लिए रंग बदलने के :: - वेबकिट-इनपुट-प्लेसहोल्डर {/ * वेबकिट ब्राउज़रों */ रंग: # 999; } : -मोज़-प्लेसहोल्डर {/ * मोज़िला फ़ायरफ़ॉक्स 4 से 18 */ रंग: # 999; } :: - मोज़-प्लेसहोल्डर {/ * मोज़िला फ़ायरफ़ॉक्स 1 9 + */ रंग: # 999; } : -ms-input-placeholder {/ * इंटरनेट एक्सप्लोरर 10+ */ रंग: # 999; } – Ivo

-2

रंग के लिए हेक्साइडसिमल मान इनपुट करें।

शायद http://www.colorpicker.com/ जैसे टूल का उपयोग करें?

15

हाँ, (हेक्साडेसिमल) हेक्स के माध्यम से अपने मूल्य निर्धारित करके आप क्या रंग का उपयोग करने के बेहतर नियंत्रण मिलता है। उज्ज्वल लाल (जैसा कि लाल हो जाता है) के लिए रंग #FF0000

फ़ायरफ़ॉक्स, हालांकि एक विद्रोही को बताया जाना चाहिए कि किस अस्पष्टता का उपयोग करना है।

संदर्भ के लिए पर this chart

::-webkit-input-placeholder { 
    color: #FF0000; 
    opacity: 1 !important; /* for older chrome versions. may no longer apply. */ 
} 

:-moz-placeholder { /* Firefox 18- */ 
    color: #FF0000; 
    opacity: 1 !important; 
} 

::-moz-placeholder { /* Firefox 19+ */ 
    color: #FF0000; 
    opacity: 1 !important; 
} 

:-ms-input-placeholder { 
    color: #FF0000; 
} 
+1

इस उत्तर में अस्पष्टता स्थापित करना चाहिए ':: - moz-प्लेसहोल्डर {}' के बाद से * Firefox * कम अस्पष्टता के साथ ब्राउज़र है। – Mottie

-4

यात्रा एक बार देख ले: http://www.w3schools.com/html/html_colors.asp

<html> 
<head> 
<style type="text/css"> 

    input, textarea { color: #000; } 
    .placeholder { color: #aaa; } 
</style> 
</head> 
<body> 
<form action="" method="post"> 

      <input type="text" name="user" placeholder="enter a text" /> 
      <input type="submit" value="submit" onclick="test()" /> 
</form> 

रंग कोड के स्थान पर आप जो भी रंग आप चाहते हैं

+0

सीएसएस क्लास चयनकर्ताओं के पास HTML विशेषताओं के साथ कुछ लेना देना नहीं है :) –

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