在 MAC OS 下google 浏览器、Safari浏览器，为什么设置 submit 高度无效？
<style>
form {
width: 200px;
height: 100px;
border: 1px solid royalblue;
}
input {
height: 50px;
l/*ine-height: 50px;*/
}
</style>
<body>
<form action="" method="post">
<input type="submit" value="提交" />
</form>
</body>
如图、MAC OS 下google 浏览器、Safari浏览器（火狐可以正常显示） submit 加宽度生效，高度不生效 line-height 也不行。审查元素显示高度生效的，但是显示就没有高度。
我将相同代码拷贝到 windows 上高度生效。然后再拷贝到另一台 MAC 电脑上测试也不行。
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（7）
http://jsbin.com/wilecuguba/e...
并没有不生效,大概你是引入了别的样式文件导致了样式覆盖吧,可以右键审查元素看看应用的样式是否被覆盖了
去查了一下,使用该属性移除原生控件样式,当然我也没测试,但是题主可以试试.
我把代码复制过来看了，height有效果的，你看看是不是浏览器缓存的问题
height是可以生效的啊。测试地址：http://runjs.cn/detail/eezeqehmheight是可以的，你是用什么浏览器看的，顺便你把全部的代码拷贝来看看
具体原因不太清楚
为什么 input 不能设置高度
试一下
display:inline-block;
试试这样呢?