如何自定义引导开关颜色

How to customize bootstrap switch color(如何自定义引导开关颜色)
本文介绍了如何自定义引导开关颜色的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

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

我找到了oncoloroffcolor,但不知道如何更改它们。

推荐答案

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

这篇关于如何自定义引导开关颜色的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持编程学习网!

本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除!

相关文档推荐

wkhtmltopdf print-media-type uses @media print ONLY and ignores the rest(Wkhtmltopdf print-media-type仅使用@media print,而忽略其余内容)
Minify CSS with Node-sass(使用Node-Sass缩小CSS)
How to rotate outer div not inner content(如何旋转外部div而不是内部内容)
how to apply css transform to child on parent hover(如何对父级悬停时的子级应用CSS变换)
Only transition a transform in css?(是否仅在css中转换转换?)
CSS transform doesn#39;t change CSS layout(Css转换不会更改css布局)