How to remove the arrow from a select element in Firefox with CSS?

Spread the love

Sometimes, we want to remove the arrow from a select element in Firefox with CSS.

In this article, we’ll look at how to remove the arrow from a select element in Firefox with CSS.

How to remove the arrow from a select element in Firefox with CSS?

To remove the arrow from a select element in Firefox with CSS, we set a few CSS properties.

For instance, we write

select {
  -moz-appearance: none;
  text-indent: 0.01px;
  text-overflow: "";
}

to use -moz-appearance: none; and set th text-indent and text-overflow to remove the arrow from select elements.

Conclusion

To remove the arrow from a select element in Firefox with CSS, we set a few CSS properties.

Leave a Reply

Your email address will not be published.