3

Twitter Bootstrap のボタン切り替え機能を使用しています。すべてが完璧に機能します。問題は、トグルのオン/オフ状態の色の違いが似すぎていることです。オンとオフの違いがわかりにくい。

理想的には、オン/オフ状態の間で色のコントラストをよりはっきりさせたい、または状態間で色を完全に変更したい (例: 青 = オフ、赤 = オン)。

<button type='button' class='btn' data-toggle='button' value='ABC'><i class='icon-star-empty'></i></button>

ありがとう。

4

2 に答える 2

2

最近、この問題にも遭遇しました。迅速な解決策を見つけた

ブートストラップ-3.1.1

209行目からbootstrap.js

変化する

if (changed) this.$element.toggleClass('active')

に

if (changed) this.$element.toggleClass('btn-success')
于 2014-06-23T09:24:25.860 に答える
1

JQuery を使用してクラスを変更できることに気付きました。オフ状態は白、オン状態は緑です。

 $(document).ready(function() {

 $('.keyContactToggle').click(function (e) {

   var UserID = $(this).attr('value');

 if ( ($(this).is('.btn')) && ($(this).is('.keyContactToggle')) && !($(this).is('.btn-success')) ) {

   $(this).addClass('btn-success');


 } else {

   $(this).removeClass('btn-success');

 }

});

});
于 2012-12-15T11:48:44.847 に答える