Preenchimento não exibido em listas de seleção no Safari e IE

Apesar da falta de restrições na especificação W3, o preenchimento em caixas de seleção não é suportado pelos navegadores WebKit, incluindo Safári e Chrome. Como resultado, o preenchimento não é aplicado nesses navegadores.

Para resolver esse problema, considere usar recuo de texto em vez de preenchimento à esquerda. Mantenha o mesmo valor de recuo aumentando a largura da sua caixa de seleção de acordo.

Por exemplo, no seu código:

Ao adicionar text-indent:15px e aumentar a largura para 258px, a caixa de seleção agora exibirá o mesmo recuo como se tivesse 15px de preenchimento à esquerda, enquanto ainda funciona corretamente em Navegadores WebKit.