2017-01-27 12 views
0

ブートストラップスイッチャのプラグイン(https://github.com/nostalgiaz/bootstrap-switch)のチェックボックスをカスタマイズしました。トグルで緑色を赤色に変える方法は?あなたはオプションonColorおよび/またはoffColorで作業することができhttp://codepen.io/rinatoptimus/pen/JEOjjpブートストラップスイッチャのカスタムチェックボックスで背景色を変更するにはどうすればよいですか?

答えて

1

$(".bootstrap-switch").click(function() { 
    $(this).toggleClass("highlight"); console.log('1111'); 
}); 

私の例: はこれをしようとしました。 まず、あなたがあなたのcssクラスをこのように定義する必要があります。

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-highlight { 
    background-color: red !important; 
} 

次に、あなたが初期化中にオプションonColoroffColorを追加することができます。

$("[name='my-checkbox']").bootstrapSwitch('onColor','highlight'); 

私はあなたのサンプルコードで試してみましたが、それはない働いていました完全に。標準コードbootstrap-switchで変更した内容はわかりません。

関連する問題