想要修改element-ui 输入框的边框背景颜色一直不生效？

Question

想要修改element-ui 输入框的边框背景颜色一直不生效？

<el-input type="text" v-model="ruleForm.username" placeholder="用户名"></el-input>

Answer 1

可以确定的告诉你，elementui 样式是可以更改的；
但是需要注意一点，style上的scope 必须去掉；
还不行的需要加!important

<style lang="scss">
    .login-input{
        .el-input__inner{
            height: 50px!important;
            border:none;
        }
        .el-input__inner:focus{
            border:none;
        }
    }
</style>