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;

 

posted @ 2018-03-15 14:30  金牛座的女孩  阅读(779)  评论(0编辑  收藏  举报