How to remove the outline from the select box in Firefox with CSS?

Spread the love

To remove the outline from the select box in Firefox with CSS, we set the colro and text-shadow properties.

For instance, we write

select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}

to select the focused drop down with select:-moz-focusring.

And we set the color and text-shadow properties to make the border transparent and remove the text shadow.