title: Change color text in select html
body: <p>I have a dropdown menu for country selections. The color on the screen needs to be white but now the dropdown selection is also white with a white background. Is there a way to change that?</p>
  
  <p>CSS:</p>
  
  <pre><code>.styled-select select {
      background: url('images/dob-field-bg2.png') no-repeat;
      outline: none;
      width: 250px;
      padding: 5px;
      font: 20px bold helvetica, arial, sans-serif;
      color: #fff;
      border: 0;
      border-radius: 0;
      height: 50px;
      -webkit-appearance: none;
  }
  </code></pre>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div class="styled-select"&gt;
      &lt;select name="Country"&gt;
          &lt;option value="" selected="selected"&gt;Select Country&lt;/option&gt;
          &lt;option value="United States"&gt;United States&lt;/option&gt;
          &lt;option value="United Kingdom"&gt;United Kingdom&lt;/option&gt;
          &lt;option value="Afghanistan"&gt;Afghanistan&lt;/option&gt;
          &lt;option value="Albania"&gt;Albania&lt;/option&gt;
          &lt;option value="Algeria"&gt;Algeria&lt;/option&gt;
          &lt;option value="American Samoa"&gt;American Samoa&lt;/option&gt;
          &lt;option value="Andorra"&gt;Andorra&lt;/option&gt;
      &lt;/select&gt;
  &lt;/div&gt;
  </code></pre>