Gaya CSS UI Bahan Sudut Tersuai

Question

<p>Saya menggunakan teg Mat-grid-tile dan saya menyedari ia menggunakan kelas css. Mat-grid-tile -kandungan, yang disalin-tampal di bawah.

P粉696146205481 hari yang lalu502

Answer 1

Malangnya, menukar CSS Bahan Sudut bukanlah mudah kerana pengkapsulan. Anda boleh merujuk pautan berikut untuk mendapatkan maklumat lanjut: https://material.angular.io/guide/customizing-component-styles.

Tiada cara yang disyorkan untuk mengubah suai gaya bahan Sudut kerana reka bentuknya tidak boleh diubah dengan mudah. Walau bagaimanapun, jika anda masih mahu meneruskan, terdapat tiga cara yang mungkin:

Lumpuhkan enkapsulasi: Melumpuhkan enkapsulasi menjejaskan semua gaya CSS dalam komponen, termasuk elemen anak komponen lain dalam templat. Anda boleh mengetahui lebih lanjut di sini: https://angular.io/guide/view-encapsulation.

Timpa kelas kandungan .mat-grid-tile-content dalam fail style.css dalam direktori akar projek Angular. Sebarang gaya CSS akan digunakan pada mana-mana templat HTML dalam projek. Jika perubahan tidak berkuat kuasa, cuba gunakan kata kunci !important di hujung atribut.

Gunakan ::ng-deep (ditamatkan): Walaupun ::ng-deep ditamatkan, sesetengah pembangun masih memilihnya kerana tiada alternatif yang sempurna. Namun berhati-hati, kerana penamatan boleh menyebabkan masalah pada masa hadapan.

Ringkasnya, mengubah suai gaya bahan Sudut tidak disyorkan, tetapi jika anda memilih untuk berbuat demikian, sila pertimbangkan kemungkinan akibat daripada setiap pendekatan.