删除jQuery滑块控件上的突出显示

Question

有人知道如何删除在webkit浏览器中拖动jQuery滑块控件时出现的带蓝色突出显示吗？它似乎是FireFox中的虚线高亮框，我不确定IE，但你可以在这里查看：

http://www.marioplanet.com/index.asp

它位于左列的顶部，并在拖动它后显示。

Answer 1

将以下内容添加到您的css

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

这将删除滑块手柄的轮廓。

Answer 2

正如斯凯尔顿所说，.ui-slider-handle { outline: none; }应该这样做，但这通常不是一个好主意，因为这样做会破坏键盘导航。

（大纲的目的是指明哪个元素具有焦点，就像本机GUI如何在活动小部件上提供某种轮廓。没有它，通过键盘与网站交互需要特殊的疯狂。）

Answer 3

也许onmousedown =“$（this）.css（{'outline'：'none'}）”，以便键盘导航器不受影响？