Html iphone覆盖输入上的所有我的样式[type="；submit"；]

我已在此隔离了我的

输入[type=“submit”]

代码也一样

input[type="submit"] {
    width: 100%;
    height: 40px;
    background: #FFD100;
    border-radius: 5px;
    box-shadow: 0 5px 0 #A58B1E;
    border: none;
    font-size: 20px;
    color: #2b2b2b;
    cursor: pointer;
    position: relative;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
}

input[type="submit"]:active, input[type="submit"]:focus {
    box-shadow: 0 3px 0 #A58B1E;
    top: 2px;
    outline: none;
}

除了我在iphone上查看网站时，一切看起来都很棒。因为我的客户想要一个响应迅速的网站，我想我制作的这个按钮在每台设备上都会很好看

哦，天哪，我错了，因为在我的iphone上，按钮真的很可怕。我包括一个移动视图的图像和该站点的url

你知道为什么会发生这种情况，或者我怎样才能克服它吗

---

（）

---

您可能正在寻找：

-webkit-appearance: none;

---

您需要在按钮中使用

-webkit外观：none

此外，如果输入字段中有圆角，则可以使用以下CSS：

input {
    -webkit-border-radius:0; 
}

---

嗯，这似乎起了作用。我应该为每一个输入都这样做吗？它们似乎都很好地展示了我的风格。我第一次接触到它是在我需要修复的时候：-非常有用-你可以在你认为合适的地方应用。。还忘了回答，是的，您可以在输入/文本区域使用它非常有趣！非常感谢您的文章，我很高兴这是一个简单的解决方法可能重复的