Remove dotted outline from range input element in Firefox

Question

Firefox, since version 23, natively supports the element, but I couldn’t figure out how to remove the dotted outline. The following

Answer 1

Dotted outline is not an issue, it's browser's way to show the input element is selected. What you can do is set tabIndex to -1 which will prevent your input element from taking focus on tab and, consequently, from having the outline:

But after doing this you will lose some keyboard accessibility. It is better to have input element keyboard accessible.

Here is the fiddle: http://jsfiddle.net/pF37g/14/