Come personalizzare il colore dell'interruttore di avvio

Question

Come personalizzare il colore dell'interruttore di avvio al colore desiderato?

Ho trovato un oncolor e offcolor ma non so come cambiarli.

Answer 1

Secondo this page ogni opzione è anche un metodo. Quindi è possibile applicare OnColor e OffColor così:

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

o simile:

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

o di ignorare le opzioni predefinite della biblioteca:

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

Per utilizzare i propri colori devi creare la tua classe CSS. Ad esempio, questa classe utilizza 'retroorange' nome con il tuo colore:

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

quindi è possibile utilizzare 'retroorange' nel solito modo così:

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