Problem with jQuery UI Slider

Question

I have a problem with jQuery UI Slider. The problem also appears on the demo.

This is more obvious in Chrome - if you go to http://jqueryui.com/demos/slider/#steps

and slide the slider, you will not see anything bad. If you then click on the “New Window” or go to ( http://jqueryui.com/demos/slider/steps.html ) to view the demo in a new window and try moving the slider, you will see that the slider handle gets during drag and drop box to focus.

I am having this problem and cannot fix it.

Can someone point me in the right direction?

Answer 1

Adding this to your CSS should do the trick.

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