css - 即使使用 -webkit-appearance : none，按钮高度也不会改变

Question

经过大约 3 到 4 小时的独立搜索后，这里确实需要帮助。我正在建立一个网站，我必须更改按钮的高度，以便 iphone/ipad 用户获得正确的样式。搜索后，人们似乎将我指向 -webkit-appearance 值，而我试图在绝对没有运气的情况下实现它们。我有一个 codepen ( https://codepen.io/osa10928/pen/awrmRG )，这也是一个问题，所以你们可以查看该代码并尝试解决那里的问题，希望我可以将你们的暗示带到我的其他元素中(我不能随意分享我的其他元素代码)

查看 codepen，您会看到按钮#start-button 和#strict-button 不会改变 iphones 上的高度(我想是 ipad，我没有要检查的)。我已经尝试了几件事，比如在按钮标签上，在 css 中的个人 id 上包括 -webkit-apperance: none。我包括:

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

一切都无济于事。拜托，有人可以向我展示 -webkit-appearance: none 的正确实现，或者其他可以让我为 iphone 用户更改按钮高度的东西吗？

更新 将按钮变成 div 并将样式重新设计为按钮一直是最佳选择。如果有人确实有工作，我很想听听。谢谢大家!

Answer 1

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