javascript – So ändern Sie den Eingabestil von Element-UI

Question

1. Die Verwendung von CSS zum Überschreiben des Stils hat keine Wirkung

2. Der Code lautet wie folgt:

<el-form-item>
   <el-input v-model="form.name" auto-complete="off" placeholder="手机号\邮箱\用户名" class="login-form-input"></el-input>
</el-form-item>

<style>
    .login-form-input .el-input__inner {
        border: 0 none;
        border-bottom: 1px solid #ccc;
        border-radius: 0px;
    }
</style>

3. Der CSS-Stil ändert sich nach dem Schreiben nicht

Answer 1

在vue中，把style的scoped去掉就可以了。跟作用域有关

Answer 2

style标签加scoped试试