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

 更新时间:2018年08月06日 10:31:41   作者:yanyw  
在项目中做移动端页面,发现IOS 的光标大小很大,和安卓的完全不一样,怎么来调整大小呢?下面小编给大家带来了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利用UIScrollView实现无限滚动效果

    iOS利用UIScrollView实现无限滚动效果

    这篇文章主要给大家介绍了iOS如何利用UIScrollView实现无限滚动的效果,首先需要说明的是,文本所讲的是一种"笨办法",但是好理解且容易实现,在图片不多的时候用它也无妨。感兴趣的朋友们下面跟着小编一起来学习学习吧。
    2016-12-12
  • iOS 如何高效的使用多线程

    iOS 如何高效的使用多线程

    这篇文章主要介绍了iOS 如何高效使用的多线程,帮助大家提高ios 开发的效率,感兴趣的朋友可以了解下
    2020-09-09
  • iOS开发中指纹识别简单介绍

    iOS开发中指纹识别简单介绍

    指纹识别是在iOS8.0以后才推出的,所以我们如果想把指纹集成到我们的APP当中,我们首先就要在代码中判断iOS版本。接下来通过本文给大家分享iOS开发中指纹识别简单介绍,需要的朋友参考下吧
    2017-11-11
  • iOS实现第三方微信登录方式实例解析(最新最全)

    iOS实现第三方微信登录方式实例解析(最新最全)

    这篇文章主要介绍了iOS实现第三方微信登录方式实例解析(最新最全),非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2016-12-12
  • iOS Runtime详解(新手也看得懂)

    iOS Runtime详解(新手也看得懂)

    这篇文章主要给大家介绍了关于iOS Runtime的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
    2019-02-02
  • Flutter之TabBarView组件项目实战示例

    Flutter之TabBarView组件项目实战示例

    这篇文章主要为大家介绍了Flutter之TabBarView组件项目实战示例,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-10-10
  • 浅析iOS中视频播放的几种方案

    浅析iOS中视频播放的几种方案

    还记得刚学iOS的时候吗?那个时候惊讶于各种牛逼的功能只需要几句简单的代码就可以完成。视频播放也是这样,IOS中视频播放有好几种方式,这篇文章就给大家整理这几种方案优缺点与实现过程。
    2016-08-08
  • IOS UI学习教程之使用UIImageView控件制作动画

    IOS UI学习教程之使用UIImageView控件制作动画

    这篇文章主要为大家详细介绍了IOS UI学习教程之使用UIImageView控件制作动画,感兴趣的小伙伴们可以参考一下
    2016-03-03
  • 详解iOS多线程GCD的使用

    详解iOS多线程GCD的使用

    Grand Central Dispatch (GCD)是Apple开发的一个多核编程的解决方法,本文给大家详细介绍IOS中GCD的使用,需要的朋友参考下
    2016-03-03
  • iOS中应用内添加指纹识别的实例代码

    iOS中应用内添加指纹识别的实例代码

    iOS8之后苹果发布了指纹识别的功能,通过touch ID来识别用户,做用户授权,主要是依赖于LocalAuthentication库,下面通过本文给大家介绍iOS中应用内添加指纹识别的实例代码,一起看看吧
    2016-12-12

最新评论