jQueryUI slider how to remove handle border

Question

I have successfully changed the background image，just a yellow border which appear each time i click the handle. This border remains until i click somewhere else in the page. Moreover this border is blinking each time the handle is moved. Someone had the same problem befor But no one has replied.

How can i remove this border ?

this is my page (temporary link removed)

Answer 1

I am not sure if this is better/worse than the given answer, but from what I can tell I think I prefer the way I have always done this before I came across this thread, and thought I would share it with others for future reference if anyone wanted to do it like this. I got good results. I think this specifically targets the actual handle more precisely:

Add this to your css file:

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