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

__十七

于 2022-06-03 22:03:19 发布

阅读量8.9k

点赞数 5

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

本文链接：https://blog.youkuaiyun.com/wlijun_0808/article/details/125113975

版权

Vue 专栏收录该内容

59 篇文章

订阅专栏

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

操作步骤：

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>