我是靠谱客的博主 虚心酸奶,最近开发中收集的这篇文章主要介绍解决ios手机中input输入框光标过长的问题,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

在项目中做移动端页面,发现IOS 的光标大小很大,和安卓的完全不一样,思考怎么调整大小,通过实践和尝试,找到了解决方法,现分享给大家。

修改前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手机修改前后的效果:

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

总结

以上所述是小编给大家介绍的解决ios手机中input输入框光标过长的问题,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对靠谱客网站的支持!

最后

以上就是虚心酸奶为你收集整理的解决ios手机中input输入框光标过长的问题的全部内容,希望文章能够帮你解决解决ios手机中input输入框光标过长的问题所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(102)

评论列表共有 0 条评论

立即
投稿
返回
顶部