jQuery UI Slider Handle blue border when 'focus'ed

Question

I'm restyling the jQuery UI Slider widget by overriding the CSS classes provided by jQuery UI. I cant seem to get the blue border that shows up around the handle when I click on the handle to disappear.

It looks like so:

Any suggestions on how I could remove that with css?

Answer 1

try

outline: 0 none !important;

on the input style