HTML 用 css 隐藏选择下拉箭头

有没有一种好方法隐藏所有浏览器的默认下拉箭头？我知道这个问题已经被问过几次了，但似乎没有一个适用于所有浏览器的解决方案，而且它们看起来都不太好。几年过去了，不知道现在有没有好的解决方案？

我能解决的最好方法是：

    select::-ms-expand
    {
        display: none;
    }
    select
    {
        -webkit-appearance: none;
        -moz-appearance: none;      
        appearance: none;
        padding: 2px 30px 2px 2px;
        /*border: none; - if you want the border removed*/
    }

这适用于 Chrome 和 IE。

不幸的是你的情况-moz-外观：无目前似乎还没有完全支持。

这里有一个错误：https://bugzilla.mozilla.org/show_bug.cgi?id=649849 https://bugzilla.mozilla.org/show_bug.cgi?id=649849它具有“已解决”状态，但似乎依赖于此处的另一个错误：https://bugzilla.mozilla.org/show_bug.cgi?id=1076846 https://bugzilla.mozilla.org/show_bug.cgi?id=1076846它具有新的状态，因此希望它能很快得到修复。