How to change the ion-spinner color in ionic 2? Here is what I used in ionic 1: ion-spinner svg { width: 28px; height: 28px; stroke: yellow; fill: white; } The stroke color works but not the fill color. Any suggestion? Thanks.

Try something like this. ion-spinner.spinner-ios line { stroke: blue; } The css for svg has changed a bit between v1 and v2

[image] zhouhaowowtv: ion-spinner svg { width: 28px; height: 28px; stroke: yellow; fill: white; } Doesn’t work for me. Actually the stroke color works for my css. But the fill doesn’t work. For example: ion-spinner svg { stroke: red; fill: red; } [image]

[image] mhartington: The css for svg has changed a bit between v1 and v2 Yes, fill will not work because the way the svg is style is different in V2.

What is your suggestion to change the color of the ion-spinner? Thanks.

This doesn’t work. Still looks the same. Only the stroke color changed.

Hmm, alright, it may not work for some of the other spinners. Try this. ion-spinner { * { stroke: blue; } &.spinner-circles circle, &.spinner-bubbles circle, &.spinner-dots circle { fill: blue; } } [image]

just see the properties from dev-tools in chrome and change the stroke :smile:

[image] mhartington: ion-spinner { * { stroke: blue; } &.spinner-circles circle, &.spinner-bubbles circle, &.spinner-dots circle { fill: blue; } } ion-spinner { * { stroke: blue !important; } &.spinner-circles circle, &.spinner-bubbles circle, &.spinner-dots circle { fill: blue !…

How to show spinner which is shown at splash screen in android?

Ion-spinner color

Ionic Framework ionic-v3

mhartington March 16, 2016, 2:58pm 6

ion-spinner * {
    stroke: blue;
  }

Should work fine

Topic		Replies	Views
Ion-spinner spiral color problem ionic-v1	3	4376	March 16, 2015
Ion-spinner spiral cannot be styled completely ionic-v1	0	622	April 14, 2015
Color the spinner with ion-infinite-scroll? ionic-v1	3	4445	April 10, 2016
Change spinner color dynamically ionic-v3	19	5900	March 20, 2018
Ion-spinner not appearing ionic-v1	2	2181	March 20, 2017

Ion-spinner color

Related topics