comment arrêter background-color: buttonface; sur le bouton soumettre?

J'ai un bouton de soumission, que j'ai de style et semble correct sur Safari, Chrome, Firefox et IE, mais dès que je l'ai vue sur le site sur un iPad, ce bouton input a eu un léger dégradé de passer par elle et a des coins ronds!

Je ne sais pas pourquoi c'est faire ce que je fais reight cliquez sur elle et l'inspecter et de regarder certains des styles par défaut (dont je ne suis pas d'appliquer à ce que je vois)

input[type="button" i], input[type="submit" i], input[type="reset" i],         input[type="file" i]::-webkit-file-upload-button, button {
  align-items: flex-start;
  text-align: center;
  cursor: default;
  color: buttontext;
  padding: 2px 6px 3px;
  border: 2px outset buttonface;
  border-image-source: initial;
  border-image-slice: initial;
  border-image-width: initial;
  border-image-outset: initial;
  border-image-repeat: initial;
  background-color: buttonface;
  box-sizing: border-box;
  }

Je devine background-color: buttonface; tout ce qui est est d'une façon qui lui est appliqué. Comment faire pour arrêter ça? Je veux juste mon propre couleur unie.

Toute aide serait super

Où sont donc les styles de jeu.? ButtonFace est un CSS2 nom de la couleur correspondant à la valeur HEX: #F0F0F0 ou valeur RVB: 240,240,240. - voyez - iangraham.org/books/xhtml1/appd/update-23feb2000.html

OriginalL'auteur TF35Lightning | 2015-03-26

  1. 6

    Essayez d'ajouter -webkit-appearance: none; sur votre style.

    Les navigateurs appliquer le style par défaut dans les éléments de formulaire. Vous pouvez le supprimer avec le code ci-dessus.

    génial merci @Bluety travaillé d'abord pour essayer, et j'ai maintenant la possibilité de voir de mes propres styles COOL!

    OriginalL'auteur Bluety

  2. 3

    Ou essayez cette css sur l'élément spécifique:

    background-color: transparent;

    OriginalL'auteur Isaac Pak