title: How to style a select box only on mobile devices
body: <p>Actually I am trying to style <code>&lt;select&gt;</code> box using CSS(no any image as background) my problem is when I view it on mobile devices it show me like a textbox please guide me how to make it like a select box with css.
  Note: I don't want any background image in css.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>select {
      background: -webkit-linear-gradient(white, #666);
      border: 1px solid #ccc;
      border-radius: 5px;
      color: white;
      text-shadow: 0 0 4px rgba(0, 0, 0, 0.8);
      -webkit-appearance: none;
  }</code></pre>
  </div>
  </div>
  </p>