Gaya CSS UI Bahan Sudut Tersuai
P粉696146205
P粉696146205 2023-08-02 21:58:40
0
1
508
<p>Saya menggunakan teg Mat-grid-tile dan saya menyedari ia menggunakan kelas css. Mat-grid-tile -kandungan, yang disalin-tampal di bawah.
P粉696146205
P粉696146205

membalas semua(1)
P粉166779363

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.


Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan