有没有一种好方法隐藏所有浏览器的默认下拉箭头？我知道这个问题已经被问了几次，但似乎没有适用于所有浏览器的解决方案，而且它们看起来都不好。几年过去了，我想知道现在是否存在一个好的解决方案？
我能罚款的最好方法是：
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外观：目前似乎没有一个得到完全支持。
这里有一个bug：https://bugzilla.mozilla.org/show_bug.cgi?id=649849其具有已解决的固定状态，但似乎取决于此处的另一个错误：https://bugzilla.mozilla.org/show_bug.cgi?id=1076846它有一个新的状态，所以希望它很快就会被修复。
https://gist.github.com/joaocunha/6273016/
select {
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
text-indent: 0.1;
text-overflow: '';
}
对于 webkit 浏览者，-webkit-appearance：none 将删除所有默认浏览器的选择样式。请记住，这是可靠的，但它会删除所有样式，而不仅仅是箭头。目前没有其他可靠的解决方案。
