修改el-form-item中label样式

A-炜晨科技

已于 2022-09-29 17:41:48 修改

阅读量1.7k

点赞数

CC 4.0 BY-SA版权

分类专栏： element-ui使用及修改文章标签： html elementui 前端

于 2022-09-19 12:00:02 首次发布

22 篇文章

订阅专栏

效果图

要求与下方会员卡号文字在对齐

html代码

<el-form-item label="合同号:" class="item" >
      <el-input style="width:220px;" v-model="res.ordernumber" disabled></el-input>
</el-form-item>

css代码

<style>

.item .el-form-item__label{
    // color: red;
    margin-left: 14px;
}

</style>

注意: 必须在 style中写