Как остановить цвет фона: buttonface; на кнопке отправки? ⇐ CSS

[Anonymous]

У меня есть кнопка «Отправить», которую я разработал и которая выглядит правильно в Safari, Chrome, Firefox и IE, но как только я просматриваю сайт на iPad, эта кнопка ввода имеет небольшой градиент и закругленную форму. углы!
Я не знаю, почему это происходит, когда я щелкаю по нему еще раз, проверяю его и смотрю на некоторые стили по умолчанию (которые я к нему не применяю, я вижу)< /p>

Код: Выделить всё

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;
}

Я предполагаю, что цвет фона: buttonface; что бы это ни было, оно каким-то образом применяется к этому. Как мне остановить это? Мне просто нужен собственный сплошной цвет.
Любая помощь будет полезна

Подробнее здесь: https://stackoverflow.com/questions/292 ... mit-button