Bootstrap'in form renklerini değiştirme

Question

Bootstrap sitemde basit bir form var, ancak beyaz bir arka planda temel gri metin yerine gri bir arka plan üzerinde beyaz metin istiyorum. Gri arka plana dikkat etmeyi başardım, ancak yer tutucuyu veya girdi metin rengini değiştiremiyorum.

JSFiddle eylemi.

İşte

<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--> 

Denedim CSS, arka plan rengini değiştirmek çalışır, ancak değil tutucu veya metindir:

İşte benim HTML işaretleme yöntemidir.

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

Answer 1

Bunun aradığınız CSS olduğunu düşünüyorum:

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

Eğer #fff dışında bir renk aşağıdaki CSS kullanabilir ve güncelleyebilirsiniz yer tutucu metnini olmak için renk: Burada

::-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; 
} 

th için FELDA @Ben sizin jsFiddle

teşekkür bir çatal bu e bağlantı.

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

ben soru varsayılan Bootstrap css üzerinde ancak //== Forms feryat bootstrap/variables.less dosyada birkaç değişken değiştirerek bunu yapabilirsiniz kaynaktan Bootstrap derleme olanlar için sınıfları yerleştirilmesiyle ilgili olduğunu biliyorum.

//== 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;