Here we will see How to remove hide the select arrow in Firefox using -moz-appearance:none;

  • Set -prefix-appearance to none to remove the styles;
  • Use text-indent to “push” the content a bit to the right;
  • Finally, set text-overflow to an empty string. Everything that extends beyond it’s width will become…

The CSS will be :

select {
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
There are currently no comments.