title: Text is invisible on bootstrap 3 input text
body: <p>I got a problem on my form text input using bootstrap 3.0. It works fine in chrome and safari but got problems on firefox and IE.</p>
  
  <p>When I hover on the input box, the usual blue glows on the border but when I click it, I can't see the cursor and can't see the text that I have typed.</p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;div class="col-md-6"&gt;
      &lt;div class="form-group"&gt;
          &lt;label for="userEmailAdd"&gt;Email&lt;/label&gt;
          &lt;input class="form-control" name="useremail" id="userEmailAdd" placeholder="enter your email address" type="email"&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="col-md-6"&gt;
      &lt;div class="form-group"&gt;
          &lt;label for="userPassword"&gt;Password&lt;/label&gt;
          &lt;input class="form-control" name="userpassword" id="userPassword" placeholder="enter your password" type="password"&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>