DEV Community

loading...

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;
}

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