賞金將在 4 天后到期。此問題的答案有資格獲得 100聲望賞金。 Ernesto Schiavo希望引起對這個問題的更多關注。
我想啟用自定義 CSS 變數來自定義 Ionic 應用程式中的組件。
我閱讀了有關使用自定義 CSS 屬性的資訊，但我不知道它是如何作業的。
來自Angular 官方檔案：
創作組件以支持定制 作為組件創作者，您可以明確地設計組件以通過四種不同方式之一接受定制。
- 使用 CSS 自定義屬性（推薦） 您可以通過使用 CSS 自定義屬性（也稱為 CSS 變數）定義組件樣式來為您的組件定義受支持的自定義 API。任何使用您的組件的人都可以通過為這些屬性定義值、自定義組件在渲染頁面上的最終外觀來使用此 API。
雖然這需要為每個自定義點定義一個自定義屬性，但它創建了一個清晰的 API 協定，適用于所有樣式封裝模式。
我嘗試使用@HostBinding：
@HostBind('style.--custom-property') customProp;
但我不明白如何將 css 屬性從它的父母之一應用到我的組件。另外，我不想設定ViewEncapsulation.None為我的子組件。
uj5u.com熱心網友回復：
最后我找到了解決這個問題的方法：
子組件
.cmp-class {
color: var(--custom-color, red);
}<div class="cmp-class"><p>Hello</p></div>父組件
child-cmp {
--custom-color: blue;
}<child-cmp></child-cmp>轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/487823.html