joaocunha

This is no longer a bug. I'm keeping the gist for historical reasons, as it helped to get it fixed. Make sure to read the notes by the end of the post.

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

TL;DR (or, the fix)

1. Set -moz-appearance to none. This will "reset" the styling of the element;
2. Set text-indent to 0.01px. This will "push" the text a tiny bit^[1] to the right;

azet

### _/IMPORTANT NOTE_/
### - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
### i really prefer ruby, python, C, sh, pgsql or whatever. but this was done for a DIY project, so
### please do not flame on the mariadb and php5 installation, thats not whats important here anyways.
###
### if i forgot someting, please drop me a line instantly via: Mail: azet@azet.org (GPG prefered) or 
### via XMPP (OTR prefered): azet@jabber.ccc.de - see also: www.azet.org / https://twitter.com/a_z_e_t
### 
### as always, of course: this is public domain knowledge. no warranties.
### - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -