As this bug report states, there is an issue regarding Firefox's -moz-appearance and <select> elements: it was supposed to ditch the <select>'s arrow (like Chrome's implementation) but it simply doesn't. People were raging about the subject all over the internetz.
Until now.
I figured out a clever workaround to make it work on Firefox. Here is how to do it:
- Set
-moz-appearancetonone. This will "reset" the styling of the element;