input 在 IOS 中输入内容不可见问题

本文分享了一次解决iOS Safari浏览器中input元素显示异常的经历。问题表现为输入内容透明且不可见,但光标能正常移动。通过给input元素添加line-height:normal属性解决了这一兼容性难题。
部署运行你感兴趣的模型镜像

第一次做移动端页面,就发现很多兼容性问题了。

本人一般是在Chrome浏览器控制台调试移动端样式尺寸,但是大家都知道,真机和浏览器是有一些差距的。

然后这个问题卡了很久,各种百度,也没有找到想要的。如图

问题描述行高(自己编的,还是别的什么...)偏上,输入内容透明不可见的,光标也能移动。我是要正常输入文本,安卓机是正常OK的,就是Safari 会出现这个问题。

解决方法:后来是在找 ios 中 input 兼容性问题,看到有的人说 input 的 line-height 在 ios 中也有兼容问题,我就尝试给 input 添加一个 line-height:normal属性。之前我是没有写的。(一般就是给div 之类的设置行高...虚了)。 然后惊奇发现解决了!! 我了个擦擦擦。道行太浅啊。

第一次写博客,大神说多写写博客笔记,多看看博客。涨涨知识。受教了。留一笔,希望对有类似问题的道友有一点帮助。努力努力

您可能感兴趣的与本文相关的镜像

Dify

Dify

AI应用
Agent编排

Dify 是一款开源的大语言模型(LLM)应用开发平台,它结合了 后端即服务(Backend as a Service) 和LLMOps 的理念,让开发者能快速、高效地构建和部署生产级的生成式AI应用。 它提供了包含模型兼容支持、Prompt 编排界面、RAG 引擎、Agent 框架、工作流编排等核心技术栈,并且提供了易用的界面和API,让技术和非技术人员都能参与到AI应用的开发过程中

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值