title: Change Color of Background Input Field For Autofill Values
body: <p>I currently have a Rails 4 application running bootstrap-sass for Bootstrap 2.  I use localhost for my testing.  I have applications with a login screen.  The input fields are white with a really thin gray border with blue text.  When I type in the fields the background of the input fields are white with blue text.  However when I go to the login screen where I have saved my login information the information fills up the fields but changes the background of both fields to yellow with the text black.  One is text-field and the other is password-field.</p>
  
  <p>I would like the information to fill in using the css I have defined in the view.  Is there a way I can do this with CSS?  I have not found anything with this specific issue.</p>
  
  <p>Any help would be appreciated.  I will continue searching.</p>
  
  <p><strong>UPDATE 3/28/2014 9:15 am CDT</strong></p>
  
  <p>I successfully implemented the solution from the link that was suggested by Martin to change the background color for autofill.  I decided to guess and did a search on webkit font color text and found the solution to change the font color for autofill.  </p>
  
  <p>Here is my solution:</p>
  
  <pre><code>input:-webkit-autofill {
    -webkit-text-fill-color: $textColor;
    -webkit-box-shadow: 0 0 0px 1000px white inset;
  }
  input:-moz-autofill {
    -moz-text-fill-color: $textColor;
    -moz-box-shadow: 0 0 0px 1000px white inset;
  }
  input:-o-autofill {
    -o-text-fill-color: $textColor;
    -o-box-shadow: 0 0 0px 1000px white inset;
  }
  input:-khtml-autofill {
    -khtml-text-fill-color: $textColor;
    -khtml-box-shadow: 0 0 0px 1000px white inset;
  }
  </code></pre>