今天在做一个网站项目时需要修改<input type="submit" >的宽高,发现如果直接这样添加的话<input type="submit" style="height: 50px;width: 100px"> submit的宽高并不会发生变化。
后查询得知,在Mac上面,准确来说在所有的苹果设备上面,如果直接设置height:35px;width:20px的话,submit的高度不会发生变化。然而这在Firebox上面是正常的。Mac上面Chrome和Safari上面按钮的高度没有修改成功,后来查询资料,发现只要加上一行代码,就可以成功修改submit按钮的高度了,那就是增加submit的背景颜色background-color。CSS样式如下:
input[type=submit]{
width: 35px;
height: 20px;
background-color: rgb(244,244,244);
}
然而目前为止还不知道造成这种情况的具体原因,盼大佬告知...