it-swarm-pt.tech

Renderização estranha de botão de submissão CSS no iPad/iPhone

Notei que se eu estilizo meus botões com CSS usando radius, cores e bordas, eles ficam bem, mas no iphone/ipad/iPod eles parecem terríveis ... não deveria ser a mesma renderização que no Safari Desktop?

enter image description here

191
Francesco

oops! acabei de me encontrar: basta adicionar esta linha em qualquer elemento que você precisa

   -webkit-appearance: none;
408
Francesco

Adicione este código no arquivo css:

input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}

Isso vai ajudar.

20
subindas pm

A resposta acima para a aparência do webkit fez a mágica, mas o botão ainda parecia meio pálido comparado com o navegador em outros dispositivos/desktop. Eu também tive que definir a opacidade para cheio (varia de 0 a 1)

-webkit-appearance:none;
opactiy: 1

Depois de definir a opacidade, o botão parecia o mesmo em todos os diferentes dispositivos/emulador/desktop.

0
Priyank Thakkar