css - 在 MAC OS 下google 浏览器、Safari浏览器,为什么设置 submit 高度无效?
本文介绍了css - 在 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 电脑上测试也不行。
解决方案
http://jsbin.com/wilecuguba/e...
并没有不生效,大概你是引入了别的样式文件导致了样式覆盖吧,可以右键审查元素看看应用的样式是否被覆盖了
-webkit-appearance: none;
去查了一下,使用该属性移除原生控件样式,当然我也没测试,但是题主可以试试.
这篇关于css - 在 MAC OS 下google 浏览器、Safari浏览器,为什么设置 submit 高度无效?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文