Tajuk yang ditulis semula ialah: ::v-deep .v-autocomplete__content.v-menu__content dalam Vuetify tidak berfungsi dalam skop gaya Vue
Saya mempunyai v-autocomplete (vuetify) yang boleh mengembangkan senarai projek
Apabila saya mengklik autolengkap untuk menaip apa yang tersedia dalam senarai item, bekas item berada tidak di tempat yang saya mahu, seperti yang ditunjukkan dalam imej di bawah (saya menggunakan contoh berikut) vuetify menunya sendiri kerana ia boleh tambah apa yang saya temui pada imej sistem berkenaan)
Dengan memilih kelas .v-autocomplete__content.v-menu__content devTools saya boleh meletakkan autolengkap seperti yang diperlukan, contohnya dengan menggunakan margin-left padanya.
Masalah saya mula berlaku apabila saya cuba lulus kelas v-autocomplete__content dalam gaya berskop, kerana saya hanya mahu menambah gaya ini pada halaman ini. Saya telah mencuba menggunakan ::v-deep dan juga >>> kerana ia telah digunakan dalam beberapa gaya lain pada halaman itu, tetapi ia tidak berfungsi.
Di bawah juga terdapat gambar medan yang dipilih menggunakan devTools untuk pemahaman yang lebih baik. Soalan sebenar saya hanya cuba menggunakan gaya dalam julat, adakah sesiapa mempunyai sebarang petua atau alternatif lain untuk mengedit seperti yang saya mahukan? Saya menggunakan Vuejs.
Sebarang bantuan dialu-alukan :)
::v-deep .v-autocomplete__content { border: 2px solid red !important; }
Saya telah mencuba menggunakan ::v-deep dengan mod >>> dan juga lulus kelas .v-autocomplete__content.v-menu__content tanpa ::v-deep
