input 组件高度显示错误的 Bug
发布于 5 年前 作者 gzhong 7078 次浏览 来自 问答

问题描述

修改 input 的高度不生效

设定 input 高度 18px 实际显示为 25.19 px

审查 input 组件默认 min-height 值为 1.4rem 修改 min-height 值后 input 组件外部高度虽然趋向正常,但 placeholder 显示会错位。

查看框架内部样式 wx-inputwx-input div,wx-input input 设定的 min-height 为 1.4rem 应该是错误的,正确的值可能是 1.4em,另外 wx-input div,wx-input input 不应该写 min-height 为固定值。


问题截图


实际高度错误:

修改后 placeholder 错位(在真机还会导致文字上下滚动):

审查开发者工具发现内部 input 实际高度错误:

代码

<input placeholder='input'></input>
input{
  font-size: 12px;
  line-height: 18px;
  height: 18px;
  background-color: #cccccc;
}
2 回复

这没影响到什么吧,谈BUG说不上,主要看你预期表现是什么,像如下代码我觉得就已经满足我的预期了

<input placeholder=‘input’ placeholder-class=‘pc’></input>

input{

font-size: 12px;

line-height: 18px;

height: 18px;

min-height:18px;

background-color: #cccccc;

padding:5px;

}

.pc{

color: #ff0000;

}

回到顶部