对于一个Jquery UI按钮如何删除焦点上的蓝色光芒? [英] For a Jquery UI button how can I remove the blue glow on focus?
问题描述
我使用Jquery UI。我有一个按钮,我已经替换为背景图像。 JQuery UI在焦点上的按钮周围放置了一个圆形的闪光。
I am working with Jquery UI. I have a button that I have replaced with a background image. JQuery UI places a circular blow glow around the button on focus. I want to override the css such that the blue glow does not appear.
标记看起来像这样:
<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才能覆盖此效果吗?
What will I have to add to the CSS to override this effect?
推荐答案
如果您想从所有 jQuery UI元素中移除辉光,建议您在开始使用您的CSS:
If you would like to remove the glow from all jQuery UI elements, I would suggest using the following code near the beginning of your 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)。
This way, you will not need to track down each individual ui-focus selector (i.e. .ui-btn-focus, .ui-tabs-focus, .ui-accordion-focus..ect).
这篇关于对于一个Jquery UI按钮如何删除焦点上的蓝色光芒?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!