微信小程序input高度问题及placeholder与input的高度冲突问题

微信小程序input高度问题及placeholder与input的高度冲突问题

大家在用到input组件的时候肯定有这个问题，为什么input的高度不能调低，为什么placeholder的光标突出了input的高度。下面来跟大家说下

一、input高度问题

input有一个属性min-height,他默认是1.6rem，只要把他改了，height属性就会改的

.input{
	height：20px;
	min-height:0.8rem;
}

二、placeholder与input的高度冲突问题

placeholder和input的高度冲突的根本原因是placeholder的高度调不了，其实placeholder也有一个min-height的属性，只要把这个属性改成和input一样的就可以了。（其他属性我没加）

wxss的代码

.input{
	height：20px;
	min-height:0.8rem;
}
.placeholder-class{
	height：20px;
	min-height:0.8rem;
}

wxml的代码

<input class='input' placeholder-class='placeholder-class' placeholder='x'></input>

这次没有成功的截图，这是我手打出来的，大家凑合着看，不懂的或者有更好方法的请在留言区留言