uni-app ios的nvue页面使用textarea时占位符不在焦点中间
uni-app ios的nvue页面使用textarea时占位符不在焦点中间
操作步骤:
- 只要是nvue页面都是这样
预期结果:
- 占位符在焦点的中间
实际结果:
- 占位符不在焦点的中间
bug描述:
- ios 的nvue页面使用textarea ,占位符不在焦点的中间
图片

项目信息
| 项目属性 | 值 |
|---|---|
| 产品分类 | uniapp/App |
| PC开发环境操作系统 | Windows |
| PC开发环境操作系统版本号 | 10 |
| HBuilderX类型 | 正式 |
| HBuilderX版本号 | 3.1.12 |
| 手机系统 | iOS |
| 手机系统版本号 | IOS 14 |
| 手机厂商 | 苹果 |
| 手机机型 | 6s Plus |
| 页面类型 | nvue |
| 打包方式 | 离线 |
| 项目创建方式 | HBuilderX |
更多关于uni-app ios的nvue页面使用textarea时占位符不在焦点中间的实战教程也可以访问 https://www.itying.com/category-93-b0.html
1 回复
更多关于uni-app ios的nvue页面使用textarea时占位符不在焦点中间的实战教程也可以访问 https://www.itying.com/category-93-b0.html
这是一个已知的iOS nvue页面中textarea组件的问题。在iOS平台的nvue环境下,textarea的placeholder文本垂直居中显示存在兼容性问题,通常表现为占位符偏上显示。
建议通过以下方式临时解决:
- 使用条件编译针对iOS平台添加样式调整:
/* iOS平台单独处理 */
.placeholder-class {
/* 添加垂直居中样式 */
}

