解决ios手机中input输入框光标过长的问题

时间:2021-05-27 21:44:01

修改前css部分代码:

.receiving-info .receiving-info-list input {
display: inline-block;
width: 70%;
font-size: 14px;
color: #333;
border: none;
outline: none;
line-height: 50px;
}

修改后css部分代码:

.receiving-info .receiving-info-list input {
display: inline-block;
width: 70%;
font-size: 14px;
color: #333;
border: none;
outline: none;
line-height: 20px;
}

Android和iOS手机修改前后的效果:

解决ios手机中input输入框光标过长的问题

解决ios手机中input输入框光标过长的问题

其实,只是调整了line-height的大小,就解决了iOS和Android手机input光标大小不一致的问题。