Как изменить цвет спиннеров Bootstrap на другие, чем утилиты цвета текста?

Question

Я включил спиннер Bootstrap-4 (как описано здесь) на веб-странице, но кажется, что можно использовать только цвета из утилит цвета текста (основной, предупреждение, успех ...), что весьма ограничено.Я хотел бы иметь возможность изменить тему веб-страницы и, следовательно, цвет блесна на цвет, который не является одним из используемых цветов текста.Можно ли это сделать и как?

Answer 1

Вы можете изменить цвет загрузчик блесны на любой ваш любимый цвет.Вам просто нужно установить свойство color счетчика.

.text-red {
  color: red;
}
.text-blue {
  color: blue;
}
.text-orange {
  color: orange;
}

<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet"/>


<div class="spinner-border text-red" role="status">
  <span class="sr-only">Loading...</span>
</div>

<div class="spinner-border text-blue" role="status">
  <span class="sr-only">Loading...</span>
</div>

<div class="spinner-border text-orange" role="status">
  <span class="sr-only">Loading...</span>
</div>

Answer 2

Ну, одну вещь, которую вы можете сделать, это

<div class="spinner-border" role="status" style="color: darkgreen">
  <span class="sr-only">Loading...</span>
</div>