DEV Community

Discussion on: Creating an Accessible Range Slider with CSS

Collapse
 
owl profile image
Oscar

Good read!

Regarding your question: You can remove the dotted border in Firefox by adding

input[type=range]::-moz-focus-outer {
  border: 0;
}
Enter fullscreen mode Exit fullscreen mode

For buttons, it is ::-moz-focus-inner.