脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 软件编程 → IOS → ios input 输入框光标过长

解决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输入框光标过长的问题，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！

您可能感兴趣的文章:

相关文章

  • 浅谈强大易用支持URL Rewrite的iOS路由库FFRouter

    浅谈强大易用支持URL Rewrite的iOS路由库FFRouter

    FRouter 是 iOS 中一个强大且易用的 URL 路由库，支持 URL Rewrite，基于匹配查找 URL，效率高。非常具有实用价值，需要的朋友可以参考下
    2018-10-10
  • iOS应用开发中SQLite的初步配置指南

    iOS应用开发中SQLite的初步配置指南

    这篇文章主要介绍了iOS应用开发中SQLite的初步配置指南,SQLite是一个极轻量级可作嵌入式的数据库,非常适合入门开发者使用,需要的朋友可以参考下
    2015-12-12
  • Mac下获取AppStore安装包文件路径

    Mac下获取AppStore安装包文件路径

    本文介绍了Mac下如何找到AppStore下载的安装包路径，以及如何提取出来供以后使用的相关步骤，希望对大家有所帮助。
    2016-09-09
  • iOS 增加右侧按钮功能实例代码

    iOS 增加右侧按钮功能实例代码

    这篇文章主要介绍了iOS 增加右侧按钮功能实例代码,需要的朋友可以参考下
    2017-07-07
  • iOS获取当前设备型号等信息(全)包含iPhone7和iPhone7P

    iOS获取当前设备型号等信息(全)包含iPhone7和iPhone7P

    这篇文章主要介绍了iOS获取当前设备型号设备信息的总结包含iPhone7和iPhone7P,包括ios7之前之后的获取方式，本文接的非常详细，具有参考借鉴价值，需要的朋友可以参考下
    2016-10-10
  • iOS创建与使用静态库

    iOS创建与使用静态库

    这篇文章主要为大家详细介绍了iOS创建与使用静态库的相关资料，感兴趣的小伙伴们可以参考一下
    2016-03-03
  • iOS横屏弹键盘的高度错误异常解决

    iOS横屏弹键盘的高度错误异常解决

    这篇文章主要给大家介绍了关于iOS横屏弹键盘的高度错误异常解决的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2021-04-04
  • IOS开发中的设计模式汇总

    IOS开发中的设计模式汇总

    在ios的程序开发中，经常搞晕ios的开发模式，今天小编就给大家简单的总结一下，需要的的朋友参考下
    2017-03-03
  • iOS中UIActivityIndicatorView的用法及齿轮等待动画实例

    iOS中UIActivityIndicatorView的用法及齿轮等待动画实例

    UIActivityIndicatorView活动指示器最常见的用法便是用来制作那个程序中的齿轮转动的等待效果,接下来我们回来简单整理iOS中UIActivityIndicatorView的用法及齿轮等待动画实例:
    2016-05-05
  • 详解iOS中多倒计时场景的解决方案

    详解iOS中多倒计时场景的解决方案

    在我们开发APP的过程中，或多或少都遇到过需要使用倒计时的场景，这篇文章主要介绍了详解iOS中多倒计时场景的解决方案，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2018-11-11

最新评论