Kod kunci dalam fail vue hampir seperti berikut
<el-form-item>
<el-input v-model="form.name" auto-complete="off" placeholder="手機(jī)號(hào)\郵箱\用戶名" 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 dipaparkan dalam penyemak imbas
Tetapi saya tidak tahu mengapa pemilih gaya yang disusun telah diubah suai dan pemilih atribut telah ditambahkan.
Saya mencubanya selagi gaya ditulis dalam fail vue, pemilih atribut akan ditambah apabila disusun. Bagaimana untuk melakukan ini? Adakah ini bermakna Elemen-UI hanya boleh menyesuaikan tema secara kasar, tetapi tidak boleh mengubah perkara yang terlalu terperinci?
ps:好吧,應(yīng)該是我自己搭的框架有問題,我的鍋。因?yàn)槲矣?Element-UI 推薦的項(xiàng)目模板『element-starter』就沒問題。但還是想問下為什么會(huì)這樣
認(rèn)證0級(jí)講師
Satu perkara yang pasti ialah ia boleh diubah suai Anda mesti salah melakukannya atau keutamaan gaya tidak setinggi yang ditakrifkan oleh elemen
.Jika pengarang ingin mengatasi gaya elemen, saya ada beberapa cadangan:
Timpa gaya biasa, seperti warna asas atau pengubahsuaian gaya biasa komponen elemen, boleh diletakkan dalam fail css (atau scss, dll.) dalam main.js
中 import
. elemen juga menyediakan cara untuk menyesuaikan tema
Untuk gaya bukan universal, liputan gaya komponen perniagaan boleh dipertimbangkan untuk diliputi dalam komponen fail tunggal Vue Pada masa ini, perlu diingatkan bahawa ia melibatkan isu keutamaan pemilih gaya gaya global (iaitu, tidak berskop) Apabila menggunakan gaya global, cuba tambahkan pemilih komponen akar komponen perniagaan untuk mengelakkan menjejaskan gaya komponen elemen dalam komponen lain.