Ocultar la flecha desplegable de los elementos en Firefox

El comportamiento predeterminado de Firefox para los elementos incluye una flecha desplegable visible. Para lograr una apariencia limpia y personalizada, es posible que desees eliminarla.

While "-webkit-appearance: button;" oculta efectivamente la flecha en Chrome/Safari, el mismo enfoque usando "-moz-appearance: botón;" en Firefox no produce el resultado deseado.

Para superar este obstáculo, necesitamos emplear una técnica diferente:

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

Así es como funciona:

• "-moz-appearance: none;" deshabilita la apariencia predeterminada, incluida la flecha.
• "text-indent: 0.01px;" empuja la flecha ligeramente hacia la derecha.
• "text-overflow: ''" recorta la flecha desbordada.

Esta combinación inteligente elimina efectivamente la flecha no deseada mientras mantiene el funcionalidad del elemento.