The lineheight of the input cursor in the Safari browser is invalid and not centered

A bug in Safari, the line-height property is equal to the height, and the cursor in the input box cannot be vertically centered

height = padding + font-size;  There is no problem with the centering effect achieved by padding. If the height is 30px, the font size is 16px, and the line-height is set to be the same as the font size, the calculated top and bottom padding is 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;
}

Guess you like

Origin http://43.154.161.224:23101/article/api/json?id=325524783&siteId=291194637