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

2021-11-03 17:49:51 浏览数 (1)

```bash

<i-input-number i-class="inputNum" value="{{ numberVal.numOne }}" min="0" max="100" bindchange="handleNumOne" />

```

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

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

```bash

.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;

}

```

修改效果:

![在这里插入图片描述](https://img-blog.csdnimg.cn/31eabfda501c4df0a11b32d404b3b0e5.png)

原来效果:

![在这里插入图片描述](https://img-blog.csdnimg.cn/f70d952e41b44159a214a3723973798f.png)

0 人点赞