Кнопка ввода HTML выглядит иначе в iPad

Question

Я создал ввод HTML.

<input type="submit" id="Submitbtn" onclick="javascript:function()" value="Login" name="Submitbtn">

CSS это:

input:hover, input{
     background: none repeat scroll 0 0 #1356B4;
     border: medium none;
     margin-right: 0;
     padding: 3px 10px 5px 0;
     vertical-align: middle;
     border-radius: 5px 5px 5px 5px;
     color: #FFFFFF;
     cursor: pointer;
     display: inline-block;
     font: 14px/26px Arial,Helvetica,sans-serif;
     height: 26px;
     -webkit-transition: all 0.3s ease-in-out 0s;
}

Вывод в веб-браузерах:

И в iPad:

Как решить эту проблему?

Answer 1

Полагаю, вы должны избавиться от появления веб-набора на своей кнопке, добавив в свой CSS:

-webkit-appearance: none;