Home/ Questions/Q 9161029
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-17T13:52:33+00:00

Is there a way to hide or remove the arrow button inside a dropdownlist?

  • 0

Is there a way to hide or remove the arrow button inside a dropdownlist?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Yes, at least in webkit: http://jsfiddle.net/zzTjy/1/.

    HTML

    <select>
    <option>123</option>
</select>

    CSS

    SELECT { -webkit-appearance: none; }

    It’s worth noting that Mozilla supports -moz-appearance, but it doesn’t hide the arrow in the dropdown list. This has been an open issue for quite some time.

    Mozilla also states:

    Do not use this property on Web sites: not only is it non-standard,
    but its behavior change from one browser to another.

    This may be a bit draconian, but you certainly shouldn’t use appearance to change the expected behavior of the element.

    Further Reading

    • 0