Css – Styling a select element in Firefox

cssfirefoxstyles

Im trying to style a <select> in firefox. In chrome I made it with:

-webkit-appearance: none;
background: #eeeeee url("../img/select-arrow.jpg") no-repeat center right;

But on firefox I cant seem to be able to get the same result with

-moz-appearance: none;
background: #eeeeee url("../img/select-arrow.jpg") no-repeat center right;

Any ideas? Thanks.

Best Solution

Since Firefox 35, "-moz-appearance:none" that you already wrote in your code, finally remove arrow button as desired.

It was a bug solved since that version.