Search code examples
cssfirefoxstyles

Styling a select element in Firefox

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.

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.