按钮CSS样式不适用于iOS

Question

我创建了一个简单的表单。但是，按钮样式在iOS上不起作用（在Chrome和Safari中都不起作用）。有什么想法吗？

.submit{
    width:100%;
    background:#17AADF;
    color:#fff;
    font-size:12px;
    border:none;
    border-radius:3px;
    padding:16px;
    margin-top:40px;
    cursor:pointer;
}
.submit:hover{
    background:#000;
}

<input type="submit" class="submit" value="Submit" />

Answer 1

.submit { -webkit-appearance: none; }

jsfiddle：demo

Answer 2

请尝试此代码

input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}

它会有所帮助