gpt4 book ai didi

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

转载 作者:qq735679552 更新时间:2022-09-28 22:32:09 26 4
gpt4 key购买 nike

CFSDN坚持开源创造价值,我们致力于搭建一个资源共享平台,让每一个IT人在这里找到属于你的精彩世界.

这篇CFSDN的博客文章解决ios手机中input输入框光标过长的问题由作者收集整理,如果你对这篇文章有兴趣,记得点赞哟.

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

修改前css部分代码:

?
1
2
3
4
5
6
7
8
9
.receiving-info .receiving-info-list input {
  display: inline -block;
  width: 70%;
  font-size: 14px;
  color: #333;
  border: none;
  outline: none;
  line-height: 50px;
}

修改后css部分代码:

?
1
2
3
4
5
6
7
8
9
.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光标大小不一致的问题.

总结 。

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

原文链接:https://www.cnblogs.com/YYW303/p/9413899.html 。

最后此篇关于解决ios手机中input输入框光标过长的问题的文章就讲到这里了,如果你想了解更多关于解决ios手机中input输入框光标过长的问题的内容请搜索CFSDN的文章或继续浏览相关文章,希望大家以后支持我的博客! 。

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com