title: How To Change Select Box Background Without Losing the Right Arrow on Mobile Safari
body: <p>I need to change the background on my select box to a flat color but I don't want the right arrow (aka the drop-down arrow) to go away.</p>
  
  <p>I have tried:</p>
  
  <pre><code>select {
      -webkit-appearance: none;
      border: 0;
      background: none;
  }
  </code></pre>
  
  <p>This works for all browsers except for Safari on my iPhone 4s with iOS 7.  On this browser the right-arrow disappears and it is not clear to the user that it is a select box.</p>
  
  <p>Omitting -webkit-appearance doesn't help.</p>
  
  <p>I don't want to make a fake arrow.  That will affect all the other browsers.</p>
  
  <p>Any ideas?</p>