Style in EJ2 JavaScript Spinner control

23 Jun 20231 minute to read

The following content provides the exact CSS structure that can be used to modify the control’s appearance based on the user preference.

Customizing the spinner

Use the following CSS to customize the spinner stroke color.

Material theme

.e-spinner-pane .e-spinner-inner .e-spin-material {
  stroke: green;
}

Fabric theme

.e-spinner-pane .e-spinner-inner .e-spin-fabric {
  stroke: green;
}

Bootstrap theme

.e-spinner-pane .e-spinner-inner .e-spin-bootstrap {
    fill: green;
    stroke: green;
}

Bootstrap4 theme

.e-spinner-pane .e-spinner-inner .e-spin-bootstrap4 {
    stroke: green;
}

High Contrast theme

.e-spinner-pane .e-spinner-inner .e-spin-high-contrast .e-path-arc {
    stroke: green;
}