Gustavo Siqueira Ghostavio

## How To Hide The Select Arrow On Firefox.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                Ghostavio
                / How To Hide The Select Arrow On Firefox.md
            
            
              Created
              June 8, 2014 13:25
                — forked from joaocunha/How To Hide The Select Arrow On Firefox.md
            
          
    Edit: this trick stopped working as of Firefox 31 (in Nightly build as of May 2014). Join the comments section to help finding an alternative.
How to remove hide the select arrow in Firefox using -moz-appearance:none;

TL;DR (or, the fix)


Set -moz-appearance to none. This will "reset" the styling of the element;
Set text-indent to 0.01px. This will "push" the text a tiny bit^[1] to the right;
Set text-overflow to '' (an empty string). This will change anything that extends beyond the element's width to... nothing - and this includes the infamous arrow!