Skip to content

Instantly share code, notes, and snippets.

View Ghostavio's full-sized avatar
🦆
glorious ducks

Gustavo Siqueira Ghostavio

🦆
glorious ducks
68 followers · 136 following
View GitHub Profile
@Ghostavio
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)

  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;
  3. 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!