Safari浏览器中input 光标lineheight失效 不居中

Safari中bug,line-height 属性和高度相等,不能使input输入框中的光标垂直居中

height = padding + font-size;  这样通过padding方式达到的居中效果没有问题。如果高度是30px,字体大小是16px,设置line-height和字体大小相同,计算得上下内边距是7px。



#willlearn-search {
padding: 17px 0;
width: 709px;
height: 56px;
line-height: 22px;
font-size: 22px;
text-indent: 10px;
margin-left: 120px;
border: 1px solid #D7D7D7;
outline: none;
}

猜你喜欢

转载自blog.csdn.net/weixin_38026561/article/details/80223240