编辑uview的组件input

由于我的项目背景是蓝色,因此要改变input组件的字体颜色,刚开始我的思路是,直接找到u-input组件的class,但是这样设置的话,会导致所有的input内文字都变成我设置的颜色,综合网上的信息,我的处理方式是这样的。

在u-input外包一层view,给view一个class,然后再给input一个class,示例如下

<view class="dev-number">
<u-input class="input" v-model="form.number" :disabled="numdisabled" />
</view>
.dev-number{
		width: 100%;
				 /deep/ .input{
					.u-input__input{
						color: #fff!important;
						font-size: 40rpx;
					}
				}
	
	}
Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐