Remove selection on jQuery slider

Question

Does anyone know how to remove the bluish highlight that appears when dragging and dropping the jQuery slider in webkit browsers? This is apparently the highlighting point block in FireFox, and I'm not sure about IE, but you can view it here:

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

It is located at the top of the left column and appears after dragging it.

Answer 1

Add to your css

following:

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

This will remove the outline using the slider.

Answer 2

Skelton says he .ui-slider-handle { outline: none; }should do it, but it's not a good idea at all, because it disrupts keyboard navigation.

( - , , , GUI - . - .)

Answer 3

Maybe onmousedown = "$ (this) .css ({'outline': 'none'})", so that navigation navigators are not affected?