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-slider .ui-slider-handle:focus { outline: none; }

Answer 3

您在文档中缺少逗号css

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

它也没有应用于图像，而是应用于标签

img { border:none; }

不应该工作。