javascript - 在 Jquery 的 Switchify Api 中更改颜色

Question

我正在使用此处找到的jquery的switchify api ....链接

我已成功实现代码，但我只关心在哪里可以更改开和关位置的背景颜色。在这里你可以看到打开位置是绿色，关闭位置是白色（一些白色的阴影:)）。我想将关闭位置的颜色更改为绿色、红色、蓝色或任何东西..请照亮...

Answer 1

你有 css 文件名 jquery.switch.css 他们你可以编辑并指定你想要的颜色

.ui-switch-on{
   background: green;
   border-bottom-right-radius: 0;
   border-color: #006600;
   border-right: medium none #006600;
   border-top-right-radius: 0;
   padding-right: 20px;
}
.ui-switch-off{
   background:yellow;
   border-bottom-left-radius: 0;
   border-color: #660000;
   border-left: medium none #660000;
   border-top-left-radius: 0;
   padding-left: 20px;
}

Answer 2

用萤火虫检查有两个类。ui-开启& . ui-switch-off就可以了。只需覆盖您的样式即可。例如这样写：

.ui-switch-on{
    background:red !important;
}
.ui-switch-off{
    background:yellow !important;
}