title: Browser (Webkit, IE, Firefox) Change background for select
body: <p>I have been trying to get rid of the default gradient background in Website. I know if I set the -webkit-appereance:none this would be possible but then I will lose the arrows and other behaviors in the dropdown that I want. Is there anyway of setting the background to white with the -webkit-appearance: menulist ?</p>
  
  <p>This is what I have but the background does not change</p>
  
  <pre><code>.ius select{
      -webkit-appearance: menulist;
      -moz-appearance: menulist;
      appearance: menulist;
      height:32px;
      border:1px solid #c8c8c8;
      width:250px;
      background:rgba(255, 255, 255, 0);
      background: transparent;
  }
  </code></pre>