¿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/