title: Bootstrap 3: Custom color for select dropdown arrow
body: <p>I would like to change the color of the dropdown arrow in a Bootstrap 3 dropdown select.</p>
  
  <p>Here's my CSS so far, I already changed the background, border, font and option colors, but have had no luck with the arrow yet:</p>
  
  <pre><code>select{
    background-color: #555;
    color: white;
    border: 1px solid #ffffff;
  }
  select:after {
    color: white !important;
  }
  option:checked {
    background-color: #eee;
    color:#555;
  }
  option:not(:checked) {
    background-color: white;
    color:#000;
  }
  </code></pre>
  
  <p><strong>Fiddle: <a href="http://jsfiddle.net/ju3n1dnk/" rel="nofollow">http://jsfiddle.net/ju3n1dnk/</a></strong></p>