element ui plus自定义样式

很多情况下我们要自定义element ui的样式，如下要实现输入框去掉边框

template代码

<template #default="scope">
              <el-input :readonly="scope.row.isEdit"  :class="scope.row.isEdit ? 'noEdit':''"  style="width: 70%;" size="small" v-model="scope.row.name"></el-input>
</template>

 less scss样式穿透(也叫深度选择器)

只需试用/deep/

css代码

.noEdit{
   /deep/ input {
      border: 0;
    }
}

这里需求是要动态去绑定类名，效果图如下，上面的输入框边框去掉