title: Gradient style for <select> tag?
body: <p>I'm trying to create a form where the background of the input fields are styled with a gradient background. It succeds for all <code>&lt;input&gt;</code> tags, but not for the <code>&lt;select&gt;</code> tag. Can this be done? Am I doing something wrong?</p>
  
  <p>The CSS I'm using:</p>
  
  <pre><code>form#contact input[type="text"], input[type="url"], 
  input[type="email"], input[type="tel"], textarea, select {
      margin: 3px 0 0 0;
      padding: 6px; 
      width: 260px; 
      font-family: arial, sans-serif; 
      font-size: 12px; 
      border: 1px solid #ccc;
      background: -webkit-gradient(linear, left top, left 15, from(#FFFFFF), color-stop(4%, #f4f4f4), to(#FFFFFF));
      background: -moz-linear-gradient(top, #FFFFFF, #f4f4f4 1px, #FFFFFF 15px);
  }
  </code></pre>
  
  <p>See the image below.</p>
  
  <p><img src="https://i.stack.imgur.com/kWboS.png" alt="See the image below"></p>