即使使用-webkit-appearance：none

Question

在大约3到4小时的独立搜索后，真正需要帮助。我正在建立一个网站，我必须改变按钮的高度，以便iphone / ipad用户获得正确的风格。在搜索之后，人们似乎正在指向我的-webkit-appearance值，并且我试图绝对地恭维他们，没有运气。我有一个codepen（https://codepen.io/osa10928/pen/awrmRG），这也是一个问题，所以你们可以看看那些代码并尝试解决那里的问题，希望我可以对你的其他项目进行yall的实施（I＆＃ 39;我不能自由分享我的其他项目代码）

查看codepen，你会看到按钮#start-button和＃strict-button不会改变iphone上的高度（或者我认为是ipads，我没有一个要检查）。我尝试过几个例子，比如在按钮标签上包含-webkit-apperance：none，在css中包含个人id。我已经知道了：

input[type=submit], input[type=reset], input[type=button]{
  -webkit-appearance:none; 
}

一切都无济于事。请问，有人能告诉我-webkit-appearance：none的正确实施，还是其他可以让我改变iphone用户按钮高度的东西？

更新将按钮转换为div并重新设置为按钮是最佳选择。如果有人确实有工作，我很乐意听到它。谢谢大家！

Answer 1

你可以使用填充顶部和底部而不是高度