Estou tentando usar uma data de tipo de entrada regular para usar em dispositivos móveis. Mas a largura definida no CSS é anulada pelo Safari (ou webkit).

eu posso adicionar-webkit-appearance: none; para o CSS e com isso, a largura funcionará como esperado. Mas então eu perco todo o outro estilo que é desejado, por exemplo, a seta para indicar que é um selecionador.

Existe uma maneira que eu possa manter o estilo básico de uma data de tipo de entrada, mas regra sobre a largura eu mesmo?