uni-app 安卓6.0 input placeholder 提示文字没有行高

uni-app 安卓6.0 input placeholder 提示文字没有行高

开发环境 版本号 项目创建方式
Windows 专业版 HBuilderX

示例代码：

<input placeholder="请输入条码信息" placeholder-style="line-height:80rpx;" /> 需要添加行高才能正常显示，不然提示文字会紧贴上边显示

操作步骤：

  • 安卓6.0 使用input

预期结果：

  • input 提示文字上下居中

实际结果：

  • input 提示文字紧贴上边

bug描述：

  • 安卓6.0 input placeholder字符没有行高

3a3db632961b3033bf5bc24b5dbd9b4.rar


更多关于uni-app 安卓6.0 input placeholder 提示文字没有行高的实战教程也可以访问 https://www.itying.com/category-93-b0.html

3 回复

页面展示情况

更多关于uni-app 安卓6.0 input placeholder 提示文字没有行高的实战教程也可以访问 https://www.itying.com/category-93-b0.html


需要添加行高

这是一个已知的安卓低版本系统兼容性问题。在安卓6.0及以下版本中，input组件的placeholder文本确实存在默认行高异常的情况。

您当前的解决方案是正确的，通过placeholder-style="line-height:80rpx;"来手动设置行高是最有效的处理方式。建议的行高值可以根据实际布局需求调整，通常设置为与input高度相近的值即可。

另外，为了确保更好的兼容性，建议同时设置placeholder-class来统一样式：

<input placeholder="请输入条码信息" placeholder-class="placeholder-style" />

.placeholder-style {
  line-height: 80rpx;
  /* 可添加其他样式确保显示效果 */
}
回到顶部