css系列:input的placeholder在safari下设置行高失效

在项目中遇到input的placeholder在safari下设置行高失效的问题,问度娘后未得治原因,倒是有解决办法:
方法一:使用padding使提示文字居中,如果font-size:14px,UI高度为40px,我们可以设height:14px,padding:13px 0;
方法二:使用line-height:1px
方法三:使用vertical-align: middle;
实践后问题得以解决,但是其他浏览器下也受到了影响,那么问题来了,我们需要单独针对Safari来写hack即[;line-height:1;]
至此,问题完美解决
上一篇:redis咋么实现分布式锁,redis分布式锁的实现方式,redis做分布式锁 积极正义的少年


下一篇:emacs 利用 auto-complete 自动补齐