How to hide the select arrow in Firefox using -moz-appearance:none;

How to hide the select arrow in Firefox using -moz-appearance:none; Background I was experimenting on custom styling the select elements of a form I was building. One of the things I tried implementing was truncating the text with an ellipsis in case it extended beyond the select element's width. It didn't look consistent through browsers, but I've accidentally discovered something really nice.