elment-ui改变el-input框的样式（去掉边框）

<el-input v-model="username" placeholder="请输入用户名" class="pass_input" ></el-input>

css样式（这里用到的方法叫做：样式穿透 /deep/或::v-deep或>>>）：

1. 其中，el-input__inner是el-input的input的css类名。

2. scoped穿透：

• scss 的样式穿透 使用 ::v-deep（常用）
• less 和 sass 的样式穿透 使用 /deep/
• stylus的样式穿透 使用 >>>

<style lang='less' scoped>
    .pass_input {
            float: left;
            width: 215px;
            margin-left: 10px;
            // el-input__inner是el-input的input类名
            & /deep/ .el-input__inner {
                    border: none;
            }
    }
<style>

 

---

参考自：

改变el-input框的样式（去掉边框），及scoped实现原理_el-input样式-CSDN博客 

scss中使用/deep/深度选择器报错的解决办法_scss deep-CSDN博客