Como Remover Os Estilos Dos Navegadores Mobile De Um Input

Você já fez um formulário em uma página web e quando acessou pelo celular viu que os estilos dos inputs estavam bem diferentes? No Android de uma forma e no iOS de outra? Veja como remover essas propriedades padrões!

Para isso, iremos usar a propriedade appearance

A propriedade de appearance é usada para exibir um elemento usando um estilo plataforma com base no tema do sistema operacional (Android, iOS) dos usuários.

Então, se quisermos remover o estilo padrão do mobile de um select nosso, fazemos da seguinte maneira:

1
2
3
select {
appearance: none;
}

E dessa maneira, deixamos todas as plataformas uniformes!
Fácinho né?