如何自定义引导开关颜色 [英] How to customize bootstrap switch color

问题描述

如何将引导开关颜色自定义为所需颜色？

我找到了oncolor和offcolor，但不知道如何更改它们。

推荐答案

根据this page每个选项也是一种方法。因此，您可以像这样应用OnColor和Offcolor：

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

或类似的：

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

或重写库的默认选项：

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

要使用您自己的颜色，您需要创建您自己的css类。例如，此类在您的颜色中使用‘Retrochrange’名称：

.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'});

这篇关于如何自定义引导开关颜色的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！