mohammad ghanbarpour jakmany

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

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                jakmany
                / How To Hide The Select Arrow On Firefox.md
            
            
              Created
              June 14, 2014 17:53
                — forked from joaocunha/How To Hide The Select Arrow On Firefox.md
            
          
    Edit: this trick stopped working as of Firefox 30 realeased in 2014-06-10. Join the comments section to help finding an alternative, and please upvote the bug on Bugzilla for a definitive fix. If you now have double arrows on Firefox, this might solve your issue.
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 - *