按钮 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" />

原文由 user3589451 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

.submit { -webkit-appearance: none; }

jsfiddle： 演示

原文由 Sandeep Sharma 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

请试试这段代码

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

我会帮你的

原文由 subindas pm 发布，翻译遵循 CC BY-SA 3.0 许可协议