uniapp, input样式height无效解决方案

Posted 2023-03-26

参考技术A 关于 input 组件设置高度不生效的问题：input 组件上有默认的 min-height 属性，要一起修改，如果 min-height 的值大于 height 那么高度以 min-height 为准。（相关知识点： https://developer.mozilla.org/zh-CN/docs/Web/CSS/min-height ）

uniapp/vue在页面中强制更改组件样式

假设在页面中使用了别人家的组件，或者是同事写的组件(总之是不熟悉的组件)，假设要根据需求更改样式，则需要使用/deep/的方式来达成目的。

//.content:别人家的组件里的class
//如果仅仅deep无效，则可能是优先级不够的原因，此时尝试在单个样式后补important的方法达成目的
/deep/ .content {
	height: 100rpx;
	line-height: 100rpx!important;/*这样*/
	font-size: 32rpx!important;  /*这样*/
}

这个就是目前的最优解。

以上。