P粉1667793632023-08-03 11:11:25
不幸的是,由於封裝的原因,改變Angular Material的CSS並不簡單。您可以參考以下連結了解更多:https://material.angular.io/guide/customizing-component-styles。
沒有推薦的方法來修改Angular材質樣式,因為它們的設計不容易改變。然而,如果你仍然想繼續,有三種可能的方法:
停用封裝:停用封裝會影響元件中的所有CSS樣式,包括模板中其他元件的子元素。你可以在這裡了解更多:https://angular.io/guide/view-encapsulation。
覆寫Angular專案根目錄下的style.css檔案中的.mat-grid-tile-content類別。任何CSS樣式都會套用至專案中的任何HTML範本。如果變更沒有生效,請嘗試在屬性末尾使用!important關鍵字。
使用::ng-deep(已棄用):雖然::ng-deep已棄用,但一些開發人員仍然喜歡它,因為沒有完美的替代方案。不過要小心,因為棄用可能會在將來導致問題。
總之,不建議修改Angular材質樣式,但如果你選擇這樣做,請考慮每種方法的潛在後果。