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外观：目前似乎不完全支持none

---

这里有一个bug：它有一个已解决的固定状态，但似乎依赖于这里的另一个bug：它有一个新的状态，所以希望很快会被修复。

对于webkit浏览器，

-webkit外观：无

将删除所有默认浏览器的

选择

样式。请记住，这是可靠的，但它将删除所有样式，而不仅仅是箭头。目前还没有其他可靠的解决方案。

---

创建一个类似于下拉菜单的按钮，并使用javascript为其提供功能example@baao必须是一个选择不幸的你不能在你的项目中使用javascript吗？我不认为你会找到一个html css唯一的解决方案。我搜索了很久，我真的不喜欢select的风格。如果您可以使用javascript/jQuery，那么这可能是您需要的，我基本上是使用Select作为显示。我在服务器端填充选项的值，然后客户端将使用ajax获取数据。数据将是int而不是String（无法更改）。然后我将设置Select的Value=Value来显示它。我可以再次请求获取枚举列表，但是。。。那是B计划

select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    text-indent: 0.1;
    text-overflow: '';
}