title: Changing Bootstrap's form colors
body: <p>I have a simple form in my Bootstrap site, but instead of the basic grey text on a white background, I want white text on a grey background.  I was able to take care of the grey background, but I can't seem to change the placeholder or input text color.</p>
  
  <p>A little <a href="http://jsfiddle.net/cUvWM/" rel="noreferrer">JSFiddle</a> action.</p>
  
  <p>Here is my HTML markup:</p>
  
  <pre><code>&lt;div class="span6" id="email-form"&gt;
      &lt;form name="contact-form" id="contact-form" method="post" action="form-processing.php"&gt;
          &lt;input class="span6" name="Name" id="Fname" type="text" placeholder="Your name" required&gt;
          &lt;input class="span6" name="Email" id="Email" type="email" placeholder="Your email" required&gt;
          &lt;textarea class="span6" name ="Message" id="Message" type="text" rows="10" placeholder="What services will you be requiring?" required&gt;&lt;/textarea&gt;&lt;br&gt;
          &lt;button type="submit" class="btn btn-primary"&gt;Send&lt;/button&gt;
          &lt;button type="clear" class="btn"&gt;Clear&lt;/button&gt;
      &lt;/form&gt;&lt;!--/.span6--&gt;
  &lt;/div&gt;&lt;!--/#email-form--&gt;
  </code></pre>
  
  <p>Here is the CSS I tried, the background color change works, but not the placeholder or text.</p>
  
  <pre><code>#Email, #Fname, #Message{
      background-color:#666;
  }
  #Email placeholder, #Fname placeholder, #Message placeholder{
      color:#FFF;
  }
  #Fname text{
      color:#FFF;
  }
  </code></pre>