小程序 iview i-input-number 在 i-class 修改样式不行

171 阅读1分钟
<i-input-number i-class="inputNum" value="{{ numberVal.numOne }}" 
    min="0" max="100" bindchange="handleNumOne" />

inputNum 不能用自己子级的class名称,据说是微信的bug

.inputNum .i-input-number-text 这样不行

.inputNum input {
	height: 84rpx;
	width: 260rpx;
	font-size: 60epx;
	line-height: 84rpx;
	border: unset;
	border-top: 1rpx solid #ddd;
	border-bottom: 1rpx solid #ddd;
}
.inputNum view {
	height: 88rpx!important;
	line-height: 78rpx!important;
	min-width: 80rpx!important;
	font-size: 60rpx!important;
}

修改效果: 在这里插入图片描述

原来效果: 在这里插入图片描述

image.png