jQueryUI滑块如何删除句柄边框

Question

我已成功更改背景图片，每次单击句柄时都会出现一个黄色边框。这个边框会一直保留，直到我点击页面中的其他地方。此外，每次移动手柄时，此边框都会闪烁。 Someone had the same problem befor 但没有人回复。

如何删除此边框？

这是我的网页（移除临时链接）

Answer 1

.ui-slider a {outline:none;} /* a img { outline:none } for reference 

我认为这是某些浏览器默认使用内联图像作为超链接。

Chrome和Safari和FF显示了它在这种或那种形式： Safari浏览器显示它为蓝色，FF表现出它作为一个虚线轮廓......

IE6，IE7显示什么。

** 编辑 **
而不是删除的轮廓，你可以考虑设置其样式，适合你的设计。这告诉键盘用户，如果您的滑块可以访问/箭头键友好，则手柄现在处于聚焦状态。

.ui-slider a:focus { outline:1px dotted gray } 

Answer 2

你错过了在文档的CSS逗号

.ui-widget-content .ui-state-focus,

还没有被应用到图像，但所涉及的标签所以

img { border:none; }

不应该工作。

Answer 3

我不知道这是不是给定答案好/坏，但我可以告诉我想我更喜欢我一直做这个之前，我碰到这个线程来时的路，以为我会如果有人想这样做，请与其他人分享以供将来参考。我得到了很好的结果。我觉得这特别是更精确地针对实际手柄：

添加到您的css文件：

.ui-slider .ui-slider-handle:focus { outline: none; }