vue----修改el-form-item中的label样式修改

最新推荐文章于 2024-08-07 11:10:27 发布

__十七

最新推荐文章于 2024-08-07 11:10:27 发布

阅读量8.6k

点赞数 5

分类专栏： Vue 文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/wlijun_0808/article/details/125113975

版权

Vue 专栏收录该内容

59 篇文章 5 订阅

订阅专栏

这篇博客介绍了如何在Vue项目中不使用scoped属性来全局修改样式，并提供了具体的步骤。首先避免在style标签中使用scoped，然后在el-form-item的label属性上添加class，最后通过class选择器修改样式，例如将用户名标签的文字颜色改为blake。

摘要由CSDN通过智能技术生成

操作步骤：

1，style标签中不要加scoped
2，在对应的el-form-item的label标签属性中加入class属性
3，在style标签中，先找到label对应的class，在修改label

<el-form-item label="用户名" class="item">
        <el-input v-model="ruleForm.username" placeholder="请输入用户名" maxlength="10"></el-input>
   </el-form-item>
<style lang="less">
      .item .el-form-item__label{
    color: blake;
}
   </style>