Como alterar o fundo da caixa de seleção sem perder a seta para a direita no Mobile Safari
Preciso alterar o plano de fundo da minha caixa de seleção para uma cor lisa, mas não quero que a seta direita (também conhecida como seta suspensa) desapareça.
Eu tentei:
select {
-webkit-appearance: none;
border: 0;
background: none;
}
Isso funciona para todos os navegadores, exceto para o Safari no meu iPhone 4s com iOS 7. Nesse navegador, a seta para a direita desaparece e não está claro para o usuário que é uma caixa de seleção.
Omitir -webkit-aparecimento não ajuda.
Eu não quero fazer uma flecha falsa. Isso afetará todos os outros navegadores.
Alguma ideia?