即使使用 -webkit-外观:无,按钮高度也不会改变



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

查看代码笔,您会看到按钮 #start 按钮和 #strict 按钮在iPhone上不会改变高度(或我认为iPad,我没有要检查的iPad(。我已经尝试了几种方法,例如包括 -webkit-apperance:在按钮标签上没有,在 css 中的单个 id 上没有。我包括:

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

一切都无济于事。拜托,有人可以告诉我 -webkit-look 的正确含义:没有,或者其他允许我为 iphone 用户更改按钮高度的东西?

更新将按钮转换为div 并重新样式为按钮是最佳选择。如果有人确实有工作,我很想听听。谢谢大家!

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

最新更新