¿Cómo puedo ocultar una flecha <select> en Firefox 30+?

Este truco solía funcionar en <= Firefox 29 para eliminar un<select> flecha:

text-overflow: '';
text-indent: 0.01px;
-moz-appearance: none;

Ya no funciona en Firefox 30. Arrow ha vuelto.

Codepen para hackear que funciona en Firefox 29Error relacionado (ahora corregido en Fx 35b)

¿Alguien sabe una manera de lograr el mismo efecto?

Nota 1: No me interesan las soluciones que superponen la flecha con otro elemento, o las soluciones que anidan el elemento seleccionado y hacen un desbordamiento: oculto.

Nota2: intenté todo-moz-appearance posibilidades O agregan un estilo predeterminado que no puedo anular, no permiten un estilo personalizado (borde y fondo, específicamente), o la flecha aún está visible.

Actualizar: funciona de nuevo en Firefox 35 (actualmente en versión beta) usando-moz-appearance: none, haciendo que esto se vea consistente en todos los navegadores más recientes (Probado en IE11, Firefox 35b, Chrome 39, Safari 8):http://jsfiddle.net/phd5pu9x/

Respuestas a la pregunta(6)

Su respuesta a la pregunta