u-input改变输入框内的字体样式

编辑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;
					}
				}
	
	}
  • 7
    点赞
  • 11
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值