Как настроить цвет переключателя начальной загрузки

Question

Как настроить цвет переключателя начальной загрузки на нужный цвет?

Я нашел oncolor а также offcolor но не знаю как их поменять.

Answer 1

Согласно этой странице каждая опция также является методом. Таким образом, вы можете применить OnColor и OffColor следующим образом:

$("#sw").bootstrapSwitch({onColor: 'danger'});

или вот так:

$("#sw").bootstrapSwitch();
...
$("#sw").bootstrapSwitch('onColor', 'danger');

или переопределить параметры библиотеки по умолчанию:

$.fn.bootstrapSwitch.defaults.onColor = 'danger';

Чтобы использовать свои собственные цвета, вам нужно создать свой собственный класс CSS. Например, этот класс использует имя 'retroorange' с вашим цветом:

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-retroorange,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-retroorange {
  color: #fff;
  background: #ff9933;
}

Тогда вы можете использовать 'retroorange' как обычно:

$("#sw").bootstrapSwitch({onColor: 'retroorange'});