• Der Schlüsselcode in der Vue-Datei lautet fast 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>

• HTML im Browser gerendert

• Aber ich weiß nicht, warum der kompilierte Stilselektor geändert und ein Attributselektor hinzugefügt wurde.

Ich habe es versucht. Solange der Stil in der Vue-Datei geschrieben ist, wird beim Kompilieren ein Attributselektor hinzugefügt. Wie macht man das? Bedeutet das, dass Element-UI das Theme nur grob anpassen kann, aber keine allzu detaillierten Dinge ändern kann?

   ps:好吧，应该是我自己搭的框架有问题，我的锅。因为我用 Element-UI 推荐的项目模板『element-starter』就没问题。但还是想问下为什么会这样