Ocultando a seta suspensa de elementos no Firefox

O comportamento padrão do Firefox para elementos inclui uma seta suspensa visível. Para obter uma aparência limpa e personalizada, você pode removê-lo.

Enquanto "-webkit-appearance: button;" oculta efetivamente a seta no Chrome/Safari, a mesma abordagem usando "-moz-appearance: button;" no Firefox não produz o resultado desejado.

Para superar esse obstáculo, precisamos empregar uma técnica diferente:

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

Funciona assim:

• "-moz-appearance: none;" desativa a aparência padrão, incluindo a seta.
• "text-indent: 0.01px;" empurra a seta ligeiramente para a direita.
• "text-overflow: ''" apara a seta transbordada.

Esta combinação inteligente remove efetivamente a seta indesejada enquanto mantém o funcionalidade do elemento.