Css 更换离子进修及；离子无限卷轴颜色

这是一个“简单”的要求，但我无法实现这个结果。。。 在我的应用程序中，我有以下两个组件：

<ion-refresher (ionRefresh)="doRefresh($event)">
    <ion-refresher-content 
      pullingIcon="ios-arrow-down-outline"
      pullingText="Scorri per aggiornare"
      refreshingSpinner="circles"
      refreshingText="Aggiornamento...">>
    </ion-refresher-content>
  </ion-refresher>

>

及

它们在白色背景下工作良好。现在我需要将背景颜色更改为黑色，但现在两个组件的文本不再可见，因为默认情况下它是黑色的。 如何更改两个组件的颜色

我尝试了一个CSS类，但是没有应用它的颜色。 如何定制这些组件

感谢您的建议（至少对于爱奥尼亚的第1版）：

用户释放刷新程序后显示的ionSpinner图标。 SVG iSpinner现在是默认设置，取代了旋转字体图标。 设置为“无”可禁用微调器和图标

将SVG中的内容关闭为

color

is

fill

属性。所以你可以用它来代替

颜色

希望这有帮助

HTML代码

  <ion-infinite-scroll threshold="100px" (ionInfinite)="loadData($event)">
    <ion-infinite-scroll-content class="loadingspinner"
      loadingSpinner="crescent"
      loadingText="Loading...">
    </ion-infinite-scroll-content>
  </ion-infinite-scroll>

---

如果这对某人有帮助。您必须向无限滚动内容添加一个类，或者只使用标记选择器

<ion-infinite-scroll [enabled]="morePagesAvailable" (ionInfinite)="doInfinite($event)">
    <ion-infinite-scroll-content
        class="infinite-scroll-color"
        loadingSpinner="bubbles"
        loadingText="Caricando più post ...">
    </ion-infinite-scroll-content>
</ion-infinite-scroll>

---

干杯

虽然这段代码可能会回答这个问题，但提供了关于这段代码为什么和/或如何回答这个问题的附加上下文，从而提高了它的长期价值。嗨@DonaldDuck，我已经在回答中解释了修复方法。如果有任何疑问，请随时询问。我很乐意解释：）

.loadingspinner{
    --color : #adadad;
}

.spinner-crescent{
    color: #adadad;
}

<ion-infinite-scroll [enabled]="morePagesAvailable" (ionInfinite)="doInfinite($event)">
    <ion-infinite-scroll-content
        class="infinite-scroll-color"
        loadingSpinner="bubbles"
        loadingText="Caricando più post ...">
    </ion-infinite-scroll-content>
</ion-infinite-scroll>

.infinite-scroll-color {
    line {
        stroke: #YOURCOLOR;
    }

    //If you want to change the text color too, just add this css
    .infinite-loading-text {
        color: #YOURCOLOR;
    }
}