Les boutons de formulaire sous iOS

Posté dans Développement Web, par Thibaut, le

J’ai récemment réalisé un formulaire pour un site adapté à l’iPhone. Par défaut, Safari mobile modifie l’apparence de mon bouton de soumission, comme vous pouvez le voir sur la capture ci-dessous. Il ajoute un dégradé et des coins arrondis, alors que je voulais un bouton noir carré.

Il existe une propriété CSS très simple nommée -webkit-appearance qui supprime le style par défaut.


input[type=submit]{
-webkit-appearance: none;
border-radius: 0;
}

2 Commentaires

  1. bastien

    Merci!!
    Je commençait à devenir fou! Il me manquait le border-radius: 0

  2. thibaut

    De rien ;)

Laissez un commentaire