el-input 去除边框样式

<el-input v-model="user.username" class="input-noborder"> </el-input>

为元素引入新样式 input-noborder

.input-noborder{

    border: 0px ; 

}

以上样式不生效。

以下是解决方案：

（1）通过>>> 穿透scoped

.input-noborder>>>.el-input__inner{

    border: 0px ;
}

（2）使用>>> 的样式所在style标签，本身也不能包含scoped属性。直接在含有 scoped属性的style中，是不起作用的。

更新：样式所在style标签，本身不能包含scoped属性，因此将scoped属性去掉即可。