How to hide drop down arrow in IE8 & IE9?

Question

I used the CSS below to hide the drop down arrow in FF, safari, chrome and added my own image to customize.

select 
{
  -webkit-appearance:none;
  -moz-appea         


        

Answer 1

not sure about every use case, but in my case with a fixed width x height bg pic set up for the parent, this worked for IE and FF too:

HTML

  
    ...
  

CSS

#parent{
  ...
  overflow: hidden;
  width:100px; // for example
}

#parent select{
  ...
  width:120px;
}

jsfiddle