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端自动获取输入框焦点,解决ios手机中input输入框光标过长的问题相关推荐

ios微信小程序中 input 输入框问题，输入的光标中的内容自动清空
ios微信小程序中 input 输入框问题,输入的光标中的内容自动清空问题描述 1.我在页面上有个倒计时的功能,每一秒都在更新时间,更新时间显示的值(view一直变) 2.我调用input输入框,准 ...
android edittext自动获取焦点,Android取消EditText自动获取默认焦点
Android取消EditText自动获取默认焦点发布时间:2020-10-02 14:08:30 来源:脚本之家阅读:142 作者:ganchuanpu 最近在通讯录新建联系人=中,一进入一个页 ...
HTML自动获取地址,网页中自动获取经纬度值并在地图中显示当前位置实例代码...
下面的HTML代码就是实例完整代码,如果你需要本项目完整实例代码,下载链接在文章最底部网页中自动获取经纬度值并在地图中显示当前位置,可在地图中进行拖动选择当前位置并输出经纬度,这是项目实例代码,可参 ...
JeePlus左树右表之表单【右表】自动获取列表【左树】中的id
JeePlus 左树右表中表单[右表]自动获取列表[左树 ]中的id 左树右表中表单[右表]和列表[左树 ]中有个关联.新建[右表]的时候每次都需要手动选择[左树 ]中的数据.并进行绑定. 方法: 1 ...
解决React中input输入框在中文输入法下的bug
解决React 中input 输入框在中文输入法下的bug 需求:封装Input 组件,输入拼音过程中不触发onChange,拼音输入结束后触发onChange 原理:input 标签上面有两个事件, ...
如何隐藏Safari中input输入框内自带的小人图标
如何隐藏Safari中input输入框内自带的小人图标 problem 页面表单包含input,在 safari 浏览器下,右边有个小人标志并且在 safari 16.1 版本发现 safari 1 ...
HTML5中input输入框默认提示文字向左向右移动
HTML5中input输入框默认提示文字向左向右移动首先演示input输入框代码 <style>* {margin: 0;padding: 0;}.sousuo {width: 458p ...
移动端iOS中input输入框搜索框软键盘出现换行而不是搜索
iOS输入框搜索时软键盘出现换行而不是搜索,而且点击软键盘完成按钮不会执行搜索事件, 解决一,必须使用form表单提交,但是键盘出现搜索,ajax请求方法中得不到input的值, 解决,form表单上 ...
android 键盘上方浮动,【已解决】点击input输入框时Android端底部的Tab弹出显示在键盘上方...
已经用Preact实现H5页面的移动端app了 iOS和Android分别是原生app去打包加了个壳,内部用Webview去加载H5页面现在遇到一个问题: Android端,对于input输入框来说 ...

ios端自动获取输入框焦点,解决ios手机中input输入框光标过长的问题

ios端自动获取输入框焦点,解决ios手机中input输入框光标过长的问题相关推荐

最新文章

热门文章