Safari浏览器对设定的高度不起作用,解决方案

1、在做浏览器兼容的时候,发现input标签在safari苹果浏览器中的高度永远都是默认的,这时候解决的办法是加上line-height属性就可以设置;

2、解决办法:

input{height:30px;line-height:30px;outline-offset:0;[;height:24px;line-height:24px;outline-offset:-5px;]}/*[]里可以写Safari样式,这样可以用来兼容Safari里input样式问题*/

如果Safari浏览器的input高度设置不管用,一定要设置line-height,然后去除iOS固有UI样式:-webkit-appearance: none;

原文地址:https://www.cnblogs.com/studyh5/p/8573461.html