我们一般设置文字垂直居中用line-height属性,但是在Chrome浏览器中使用line-height时input中的文字还是没有居中,针对这一问题,解决办法如下:
input{
width: 100%;
height: 0.4rem;
padding: 0.1rem;
line-height: normal;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
一般将其高度设置为0.2rem,其他用padding控制