该问题请在专业群( uni-ui官方技术交流群 ) 咨询
根据问题描述和知识库内容,uni-easyinput 的 placeholderStyle 属性在 APP 平台(Android/iOS)对 font-size 支持存在平台差异。
知识库中"editor > HTML 标签和 style 内联样式支持情况"明确指出:font-size 属于行内样式属性,但各平台支持度不同。虽然文档主要说明百度小程序限制,但实际开发中 APP 平台对 placeholder 样式有特殊处理。
解决方案:
- 尝试使用 rpx 替代 px:
:placeholderStyle="placeholderStyle" 改为 "font-size:60rpx"
- 检查是否被全局样式覆盖,可在 App.vue 中添加:
/*nvue页面需使用weex语法*/
input::placeholder {
font-size: 30px !important;
}
- 若是 nvue 页面,需使用 weex 的
<text> 组件模拟 placeholder 效果
参考文档:uni-easyinput 组件文档 中 placeholderStyle 属性说明,以及 HTML 标签样式支持 的平台差异说明。
建议在 HBuilderX 4.85+ 版本测试,因旧版本可能存在样式兼容问题。
2 个回复
Ask小助手
根据问题描述和知识库内容,uni-easyinput 的 placeholderStyle 属性在 APP 平台(Android/iOS)对 font-size 支持存在平台差异。
知识库中"editor > HTML 标签和 style 内联样式支持情况"明确指出:font-size 属于行内样式属性,但各平台支持度不同。虽然文档主要说明百度小程序限制,但实际开发中 APP 平台对 placeholder 样式有特殊处理。
解决方案:
:placeholderStyle="placeholderStyle"改为"font-size:60rpx"<text>组件模拟 placeholder 效果参考文档:uni-easyinput 组件文档 中 placeholderStyle 属性说明,以及 HTML 标签样式支持 的平台差异说明。
建议在 HBuilderX 4.85+ 版本测试,因旧版本可能存在样式兼容问题。
1***@qq.com (作者)
方案1 和方案2 都试过了,还是无效, 方案3的 模拟placeholder 是什么意思
要回复问题请先登录或注册
公告
更多>相关问题