input框
来源:1-2 解决真机调试过程中的展示问题
Elisha666
2022-07-06 20:59:31
为什么设置
margin-top: .12rem;
line-height: .22rem;
就可以
1回答
同学你好,解答如下:
移动端下,光标的高度非常大:
这是因为input框中文字的行高太大了:
所以需要减小行高,即line-height: .22rem。
减小行高后,input框整体高度也会变小,整体还靠上显示:
为了让文字垂直居中显示,所以需要使用margin-top把input踹下来点,即margin-top: .12rem。
祝学习愉快!
相似问题