Rendu bizarre du bouton de soumission CSS sur iPad / iPhone


Réponses:


453

Oups! je viens de me trouver: il suffit d'ajouter cette ligne sur tout élément dont vous avez besoin

   -webkit-appearance: none;

23
je t'aime, stackoverflow et @Francesco
jahrichie

28
Brillant, et voici un excellent article à ce sujet tiré des astuces CSS. Il répertorie tous les autres éléments modifiés par WebKit et Mozilla.
Patrick


1
Je souhaite que j'aurais fait cette recherche google il y a 12 heures ... MERCI.
Elly Post

1
Vraiment super! Je n'ai pas pensé que ce genre de problème se produisait également sur iOS! Encore une fois, merci beaucoup pour cela!
Saurabh Prajapati

36

Ajoutez ce code dans le fichier css:

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

CA aidera.


1
Génial! Le bouton d'
envoi du

1
@peterkodermac, n'oubliez pas d'ajouter la classe CSS parent, sinon cela pourrait affecter chaque champ de saisie.
subindas pm

4

La réponse ci-dessus pour l'apparence du webkit a fait la magie, mais le bouton avait toujours l'air plutôt pâle / terne par rapport au navigateur sur d'autres appareils / bureau. J'ai également dû définir l'opacité sur pleine (plage de 0 à 1)

-webkit-appearance:none;
opactiy: 1

Après avoir défini l'opacité, le bouton était le même sur tous les différents appareils / émulateur / bureau.

En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.