jQueryUI滑块如何删除句柄边框

Question

我已成功更改了背景图像,每次单击手柄时都会出现黄色边框.此边框保持不变,直到我点击页面中的其他位置.此外,每次移动手柄时,此边框都会闪烁. 有人遇到同样的问题, 但没有人回复.

我该如何删除此边框？

这是我的页面(删除了临时链接)

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; }