Supprimer l'ombre intérieure des inputs sous iOS

Publié le : 04 août 20152193 Vues
Supprimer l'ombre intérieure des inputs sous iOS

Les navigateurs ignorent des règles CSS pour forcer un affichage spécifique à certains éléments HTML des pages web. Les formulaires sont très touchés pas ce phénomène et cela peut devenir frustrant quand il faut suivre un design précis sur toutes les plateformes.

Par exemple, iOS ajoute une ombre interne aux inputs. Pour l'enlever il suffit d'utiliser le code ci-dessous :

input[type="text"],
input[type="email"],
input[type="password"],
textarea {
    -webkit-appearance: none;
}

Tags de l'article

Créée en 2009 et basée à Montpellier, l’agence WebLogin, est résolument tournée vers les Logiciels Libres.
L'agence est spécialisée dans la création de sites Internet et d'applications web, le webdesign, le référencement et la création d'identité visuelle originale. Nous vous proposons nos services pour développer votre présence et votre image sur Internet. Restons en contact :