title: Select arrow do not appear on iphone
body: <p>Looking for a solution for a problem I'm having.</p>
  
  <p>I am making a responsive website that has a select tag to allow users to pick which category of blog posts they want to display the html is just a basic select tag.</p>
  
  <pre><code>&lt;select name=""&gt;
      &lt;option value=""&gt;Sort by Category&lt;/option&gt;
      &lt;option value=""&gt;test&lt;/option&gt;
      &lt;option value=""&gt;Test&lt;/option&gt;
  &lt;/select&gt;   
  </code></pre>
  
  <p>I then have styled the select tag with the following code</p>
  
  <pre><code>.portfolio-thumbs select {
      width:100%;
      padding:0.625em;
      border:none;
      background:#33c3e2;
      color:#fff; 
      font-size:1.125em;
   }
  
  select {
      -webkit-appearance: none;
      border-radius: 0;
  }
  </code></pre>
  
  <p>This works fine on Windows phone but on Iphone, Blackberry and Android the arrow for the select box does not display. Has anyone encountered this problem before and know what i am doing in my CSS to disable the arrow from displaying or have a solution to get the arrow back whilst still being able to style the select how i want.</p>