5

JqueryUIを使用しています。背景画像に置き換えたボタンがあります。JQuery UIは、フォーカスのあるボタンの周りに円形のブローグローを配置します。青い輝きが表示されないようにcssをオーバーライドしたいと思います。

マークアップは次のようになります。

<form id="sliderUIContainer" class="noUIeffects">
 <label for="slider-0" class="ui-hidden-accessible">Input Slider</label>
 <input type="range" name="slider" id="slider-0" value="0" min="0" max="20" />
</form>

この効果を無効にするには、CSSに何を追加する必要がありますか？

4

3 に答える 3

6

すべてのjQuery UI 要素からグローを削除したい場合は、CSS の先頭付近で次のコードを使用することをお勧めします。

/* Disable jQuery UI focus glow */

*:focus {
    outline: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

このように、個々の ui-focus セレクター (つまり、.ui-btn-focus、.ui-tabs-focus、.ui-accordion-focus..ect) を追跡する必要はありません。

于 2014-10-04T19:59:09.433 に答える
4

私にとっては、Mac用のchrome 26で、「アウトライン」をnoneに変更することでこれを修正しました。

（Andyの答えとのもう1つの違いは、私の問題がui-btnではなくui-slider-handleにあったことです）：

.ui-slider-handle:focus {
  outline: none;
}
于 2013-04-16T16:27:10.537 に答える
0

あなたは私が恐れているcssを編集する必要があります：

.ui-focus,
.ui-btn:focus {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none ;
}
于 2012-09-26T16:39:46.970 に答える