web-dev-qa-db-fra.com

Bouton d'envoi CSS rendu étrange sur iPad/iPhone

J'ai remarqué que si je stylisais mes boutons avec des CSS en utilisant le rayon, les couleurs et les bordures, ils paraissaient bien, mais dans l'iphone/ipad/iPod, ils paraissaient terribles ... ne devrait pas être le même rendu que dans Safari Desktop ??

enter image description here

iphonecssipadmobile-safarimobile-webkit
191
Francesco

oops! viens de me trouver: il suffit d'ajouter cette ligne sur n'importe quel élément dont vous avez besoin

   -webkit-appearance: none;
408
Francesco

Ajoutez ce code dans le fichier css:

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

CA aidera.

20
subindas pm

La réponse ci-dessus pour l'apparence de webkit a fait la magie, mais le bouton avait toujours l'air gentil pâle/terne par rapport au navigateur sur d'autres appareils/ordinateurs de bureau. Je devais aussi régler l'opacité à pleine (va de 0 à 1)

-webkit-appearance:none;
opactiy: 1

Après avoir réglé l'opacité, le bouton avait le même aspect sur tous les différents périphériques/émulateur/bureau.

0
Priyank Thakkar