修改element ui的el-form表单中的label样式
需求:修改el-form表单中的label样式实现:一、新增一组style标签或者去掉原来style标签里的scoped<style lang="less" scoped></style>并去掉style里的scoped二、给el-form-item添加class方便准确获取到元素,不至于修改所有的label<el-form-item label="用户名" clas
·
需求:修改el-form表单中的label样式
实现:
一、新增一组style标签或者去掉原来style标签里的scoped
<style lang="less" scoped>
</style>
并去掉style里的scoped
二、给el-form-item添加class方便准确获取到元素,不至于修改所有的label
<el-form-item label="用户名" class="item">
<el-input v-model="ruleForm.username" placeholder="请输入用户名" maxlength="10"></el-input>
</el-form-item>
三、审查元素,找到label对应的class
如修改label的样式,将字体颜色改为红色
.item .el-form-item__label{
color: red;
}
更多推荐
已为社区贡献1条内容
所有评论(0)