Jak dostosować kolor przełącznika początkowego

Question

Jak dostosować kolor przełącznika początkowego do żądanego koloru?

Znalazłem oncolor i offcolor, ale nie wiem, jak je zmienić.

Answer 1

Zgodnie z this page każda opcja jest również metodą. Więc można zastosować onColor i OffColor tak:

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

lub tak:

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

lub nadpisać domyślne opcje biblioteki:

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

Aby wykorzystać własne kolory musisz stworzyć własną klasę CSS. Na przykład, klasa ta wykorzystuje „retroorange” z nazwy koloru:

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

Następnie można użyć 'retroorange' w zwykły sposób tak:

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