先说明使用到的技术:由于项目是好几年前的,所以用到的技术比较老,当时开发的安卓手机端使用的是uniapp+uview1
目录
<u-form-item
label="人员姓名"
prop="ryxm"
borderBottom
required
>
<u-input
v-model="form.ryxm"
placeholder = "请填写人员姓名"
:disabled="true"
></u-input>
</u-form-item>
这样,在label前边就会加上一个星花的标志,但是展示是黑色的,我们需要更改他的样式,设置为红色。
在调试器中发现加入required属性后,元素中就是加了<span>*<span>
只要改掉这个span的样式就行。
在这里我尝试了很多种方式,为避免大家浪费时间,直接告诉大家修改方法
/deep/ .u-form-item--left__content--required span{
color: #f00;
}
这样就可以了。