u-input改变输入框内的字体样式
编辑uview的组件input由于我的项目背景是蓝色,因此要改变input组件的字体颜色,刚开始我的思路是,直接找到u-input组件的class,但是这样设置的话,会导致所有的input内文字都变成我设置的颜色,综合网上的信息,我的处理方式是这样的。在u-input外包一层view,给view一个class,然后再给input一个class,示例如下<view class="dev-num
·
编辑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;
}
}
}
更多推荐
已为社区贡献5条内容
所有评论(0)