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/

questionAnswers(6)

yourAnswerToTheQuestion