2

私はbootstrap-switch - v3.3.1を使用していますが、切り替え時にスイッチャーのデフォルトの青いアウトラインは必要ありません。入力用ここに画像の説明を入力に設定style="outline: 0 none;しましたが、機能しません。

これが私のhtmlです：

            <div class="switch" style="display:inline-block;>
                <input id="accu-switcher" type="checkbox" style="outline: 0 none;" checked data-label-text="TEXT"/>
            </div>

JS:

 $('#accu-switcher').bootstrapSwitch({size: "mini",state: false});
        $('.module .switch').css("visibility","visible");
4

3 に答える 3

1

CSS:

.bootstrap-switch:focus {
  outline: none;
}
于 2015-04-21T02:34:38.380 に答える
0

ブートストラップ スイッチには、グローを担当する次の css があり、outline: none;単独では削除されません。(ブートストラップ スイッチ css ファイル)

.bootstrap-switch.bootstrap-switch-focused {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

このような何かがそれを行う必要があります

.bootstrap-switch{
  border-color: #66afe9; /*you can change this depending on your application's background color */
  outline: 0 !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

ここにデモがあります

于 2015-04-21T02:46:56.393 に答える