1***@qq.com
1***@qq.com
  • 发布:2025-12-23 09:15
  • 更新:2025-12-23 09:19
  • 阅读:18

uni-easyinput 设置 placeholderStyle 为 font-size:30px 无效

分类:uni-app

<uni-easyinput v-model="menuNameValue" :placeholderStyle="placeholderStyle" placeholder="请输入菜名" trim="all"
maxlength="8"></uni-easyinput>

const menuNameValue = ref("");
const placeholderStyle = ref("font-size:30px");

运行在小程序是有成功设置字体大小的, 在APP上就是无效的

2025-12-23 09:15 负责人:无 分享
已邀请:
Ask小助手

Ask小助手

该问题请在专业群( uni-ui官方技术交流群 ) 咨询

根据问题描述和知识库内容,uni-easyinput 的 placeholderStyle 属性在 APP 平台(Android/iOS)对 font-size 支持存在平台差异。

知识库中"editor > HTML 标签和 style 内联样式支持情况"明确指出:font-size 属于行内样式属性,但各平台支持度不同。虽然文档主要说明百度小程序限制,但实际开发中 APP 平台对 placeholder 样式有特殊处理。

解决方案:

  1. 尝试使用 rpx 替代 px::placeholderStyle="placeholderStyle" 改为 "font-size:60rpx"
  2. 检查是否被全局样式覆盖,可在 App.vue 中添加:
    /*nvue页面需使用weex语法*/  
    input::placeholder {  
    font-size: 30px !important;  
    }
  3. 若是 nvue 页面,需使用 weex 的 <text> 组件模拟 placeholder 效果

参考文档:uni-easyinput 组件文档 中 placeholderStyle 属性说明,以及 HTML 标签样式支持 的平台差异说明。

建议在 HBuilderX 4.85+ 版本测试,因旧版本可能存在样式兼容问题。

内容为 AI 生成,仅供参考
1***@qq.com

1***@qq.com (作者)

方案1 和方案2 都试过了,还是无效, 方案3的 模拟placeholder 是什么意思

要回复问题请先登录注册