对于Jquery UI按钮,如何在焦点上移除蓝光？

Question

我正在使用Jquery UI.我有一个用背景图片替换的按钮.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>

我需要添加什么来覆盖这种效果？

Answer 1

如果你想从所有 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).

Answer 2

恐怕你必须编辑 css：

.ui-focus,
.ui-btn:focus {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none ;
}