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.