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

时间:2010-09-05 02:55:43

标签: jquery

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

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

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

3 个答案:

答案 0 :(得分:6)

将以下内容添加到您的css

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

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

答案 1 :(得分:1)

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

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

答案 2 :(得分:0)

也许onmousedown =“$(this).css({'outline':'none'})”,以便键盘导航器不受影响?