title: how to stop background-color: buttonface; on submit button?
body: <p>I have a submit button, which I have styled and looks correct on Safari, Chrome, Firefox and IE, but as soon as I view the site on an iPad this input button has got a slight gradient going through it and has round corners!</p>
  
  <p>I do not know why this is doing this when I reight click it and inspect it and look at some of the default styles (which I am not applying to it I see)</p>
  
  <pre><code>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;
    }
  </code></pre>
  
  <p>I’m guessing  background-color: buttonface; whatever that is is being some how applied to it. How do I stop that? I just want my own solid color.</p>
  
  <p>Any help would be great</p>