You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在Oracle Apex移动端禁用textarea自动放大功能?

解决Oracle Apex移动端textarea自动放大问题

针对你遇到的textarea聚焦时仍自动放大的问题,可以尝试以下几种方案:

  • 提升CSS选择器优先级
    有时候Apex内置样式优先级更高,导致自定义CSS未生效。可以尝试给选择器增加权重,或使用!important强制覆盖(仅必要时使用):

    .apex-item-textarea:focus {
        font-size: 16px !important;
    }
    
  • 直接定位textarea标签
    避免类名匹配偏差,直接结合标签与类选择器定位元素:

    textarea.apex-item-textarea:focus {
        font-size: 16px;
    }
    
  • 设置textarea默认字体大小
    部分移动端浏览器会依据元素默认字体大小判断是否触发放大,因此可同时设置textarea的默认字体为16px:

    .apex-item-textarea {
        font-size: 16px;
    }
    .apex-item-textarea:focus {
        font-size: 16px;
    }
    
  • 调整viewport元标签
    在页面HTML头部添加或更新viewport设置,限制页面缩放行为(注意:此操作会禁用用户手动缩放页面,需根据业务需求选择):

    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    

内容的提问来源于stack exchange,提问作者I.White

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.15 05:15:55