How can I hide a <select> arrow in Firefox 30+?

Answer 1

Put the select in another container which has overflow: hidden;, make the select wider than the container. If you want a border, add it to the container.

An example is the select at the bottom of this page: https://mozillians.org/en-US/