title: Style HTML select tag on ios/safari/iPhone
body: <p>I have three dropdown lists (three <code>&lt;select&gt;</code> elements). I styled them with the css:</p>
  
  <pre><code>.dropdown{
      font-size: 20px;
      background: white;
      border:none;
      position: relative;
  }
  </code></pre>
  
  <p>In chrome they look perfectly fine. However when I test the site on my iPhone 6s (ios 10.2.1) on Safari the result is a bit different as shown in the image:
  <a href="https://i.stack.imgur.com/SVqYW.jpg" rel="noreferrer"><img src="https://i.stack.imgur.com/SVqYW.jpg" alt="enter image description here"></a></p>
  
  <p>As you can see there's that <code>gradient</code> in <code>background</code> and near the arrow the <code>background</code> is <code>black</code>. </p>
  
  <blockquote>
    <p>How can I style the <code>&lt;select&gt;</code> elements so I would have background <code>white</code> on ios either?</p>
  </blockquote>