有人知道如何删除在webkit浏览器中拖动jQuery滑块控件时出现的带蓝色突出显示吗?它似乎是FireFox中的虚线高亮框,我不确定IE,但你可以在这里查看:
http://www.marioplanet.com/index.asp
它位于左列的顶部,并在拖动它后显示。
答案 0 :(得分:6)
将以下内容添加到您的css
.ui-slider-handle {
outline: none;
}
这将删除滑块手柄的轮廓。
答案 1 :(得分:1)
正如斯凯尔顿所说,.ui-slider-handle { outline: none; }
应该这样做,但这通常不是一个好主意,因为这样做会破坏键盘导航。
(大纲的目的是指明哪个元素具有焦点,就像本机GUI如何在活动小部件上提供某种轮廓。没有它,通过键盘与网站交互需要特殊的疯狂。)
答案 2 :(得分:0)
也许onmousedown =“$(this).css({'outline':'none'})”,以便键盘导航器不受影响?