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

Web浏览器中的输出:

在iPad中:

怎么解决这个？

Answer 1

我想你必须通过添加CSS来摆脱按钮上的webkit外观:

-webkit-appearance: none;