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

.ui-slider a {outline:none;} /* a img { outline:none } for reference

I think it’s a default of some browsers when an inline image is used as a hyperlink.

Chrome and Safari and FF showed it in one form or another:
Safari showed it as blue, FF showed it as a dotted outline…

IE6, IE7 showed nothing.

** Edit **
Rather than removing the outline, you may consider styling it to suite your design. This tells a keyboard-user that the handle is now focused, if your slider is accessible/arrow-key-friendly.

.ui-slider a:focus { outline:1px dotted gray }