बूटस्ट्रैप के फॉर्म रंग बदलना

Question

मेरे बूटस्ट्रैप साइट में मेरे पास एक साधारण रूप है, लेकिन सफेद पृष्ठभूमि पर मूल ग्रे टेक्स्ट की बजाय, मुझे भूरे रंग की पृष्ठभूमि पर सफेद टेक्स्ट चाहिए। मैं भूरे रंग की पृष्ठभूमि का ख्याल रखने में सक्षम था, लेकिन मैं प्लेसहोल्डर या इनपुट टेक्स्ट रंग को बदल नहीं सकता।

थोड़ा JSFiddle कार्रवाई।

<div class="span6" id="email-form"> 
    <form name="contact-form" id="contact-form" method="post" action="form-processing.php"> 
     <input class="span6" name="Name" id="Fname" type="text" placeholder="Your name" required> 
     <input class="span6" name="Email" id="Email" type="email" placeholder="Your email" required> 
     <textarea class="span6" name ="Message" id="Message" type="text" rows="10" placeholder="What services will you be requiring?" required></textarea><br> 
     <button type="submit" class="btn btn-primary">Send</button> 
     <button type="clear" class="btn">Clear</button> 
    </form><!--/.span6--> 
</div><!--/#email-form--> 

यहाँ सीएसएस मैंने कोशिश की, पृष्ठभूमि रंग बदलने के काम करता है, लेकिन नहीं प्लेसहोल्डर या पाठ है:

यहाँ मेरी HTML मार्कअप है।

#Email, #Fname, #Message{ 
    background-color:#666; 
} 
#Email placeholder, #Fname placeholder, #Message placeholder{ 
    color:#FFF; 
} 
#Fname text{ 
    color:#FFF; 
} 

Answer 1

मुझे लगता है कि यह सीएसएस के लिए आप देख रहे हैं:

input, textarea{ 
    background-color:#666; 
    color: #FFF; 
} 

आप जगह धारक पाठ एक रंग #fff के अलावा अन्य आप निम्नलिखित सीएसएस का उपयोग करें और अद्यतन कर सकते हैं बनाना चाहते हैं रंग:

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

यहाँ वें के लिए Felda @Ben के अपने jsFiddle

धन्यवाद एक कांटा है ई लिंक

Answer 2

#Email, #Fname { 
    background-color:#666; 
} 
input, textarea{ 
    background-color:#666; 
    color: #FFF; 
} 
::-webkit-input-placeholder { /* WebKit browsers */ 
    color: #FFF; 
} 
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
    color: #FFF; 
} 
::-moz-placeholder { /* Mozilla Firefox 19+ */ 
    color: #FFF; 
} 
:-ms-input-placeholder { /* Internet Explorer 10+ */ 
    color: #FFF; 
} 
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { 
    color: #FFF; 
} 
input:-moz-placeholder, textarea:-moz-placeholder { 
    color: #FFF; 
} 

Answer 3

मैं जानता हूँ कि प्रश्न डिफ़ॉल्ट बूटस्ट्रैप सीएसएस से अधिक है, लेकिन आप //== Forms bellow bootstrap/variables.less फाइल में कुछ चर बदलकर ऐसा कर सकते हैं स्रोत से बूटस्ट्रैप संकलन करने वालों के लिए कक्षाएं रखने के बारे में है।

//== Forms 
// 
//## 

//** `<input>` background color 
$input-bg:      $gray; 

//** Text color for `<input>`s 
$input-color:     #fff; 

//** Placeholder text color 
$input-color-placeholder:  #fff; // You probably want this to be a little different color. Maybe #999;