小程序textarea字体错位

本文探讨了在微信小程序中,如何处理遮罩层无法覆盖输入框及弹框内textarea字体错位的问题。介绍了使用wx:if隐藏输入框以避免遮罩层覆盖不到的情况,以及在弹框中使用hidden而非wx:if来解决安卓设备上textarea显示异常的技巧。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

  1. 遮罩层盖不住
    原因:这是因为textarea和input框的z-index为最高,自己写的蒙层盖不住。
    处理方法:wx:if=’{{!modal}}’,弹框出现时隐藏输入框

  2. 弹框中又textarea,placeholder字体位置错位
    原因:弹框fixed定位,小程序兼容问题
    解决方法: 在这里插入图片描述

  3. 如果textarea在一个显示隐藏的模态框中,切记要用 hidden 而非 wx:if 。如果使用了wx:if,再次显示会重新渲染,安卓手机,textarea中的字和光标会错位。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值