javascript - Jquery の Switchify API で色を変更する

Question

ここで見つかったjqueryのswitchify apiを使用しています....リンク

私はコードを正常に実装しましたが、オンとオフの位置の背景色を変更できる場所が 1 つだけあります。ここでわかるように、オンの位置は緑で、オフの位置は白い色です（白の色合いです:)）。オフの位置の色を緑、赤、青などに変更したい..光を当ててください...

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

2つのクラスがあるfirebugで確認してください。ui-スイッチオン＆。ui-スイッチオフ。スタイリングで上書きするだけです。たとえば、次のように記述します。

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