Como ocultar uma seta <select> no Firefox 30+?
Esse hack costumava funcionar no <= Firefox 29 para remover um<select>
seta:
text-overflow: '';
text-indent: 0.01px;
-moz-appearance: none;
Ele não funciona mais no Firefox 30. O Arrow está de volta.
Codepen para hack que funciona no Firefox 29Bug relacionado (agora corrigido no Fx 35b)Alguém sabe uma maneira de conseguir o mesmo efeito?
Nota1: Não estou interessado em soluções que sobreponham a seta a outro elemento ou soluções que aninhem o elemento de seleção e executam um estouro: oculto.
Nota2: Eu tentei tudo-moz-appearance
possibilidades. Eles adicionam estilo padrão que não posso substituir, não permitem estilo personalizado (borda e fundo, especificamente) ou a seta ainda está visível.
Atualizar: funciona novamente no Firefox 35 (atualmente em beta) usando-moz-appearance: none
, tornando essa aparência consistente em todos os navegadores mais recentes (testado no IE11, Firefox 35b, Chrome 39, Safari 8):http://jsfiddle.net/phd5pu9x/