通常你可以使用，但是元素-moz-appearance:none的箭头有一个错误..select

阅读此错误报告：https ://bugzilla.mozilla.org/show_bug.cgi?id=649849

也许像在你周围包裹一个元素select然后使用:after将一个元素放在它上面的技巧..

<div class="select-container">
    <select>
        <option>This is some option</option>
        <option>This is some option</option>
        <option>This is some option</option>
        <option>This is some option</option>
        <option>This is some option</option>
        <option>This is some option</option>
    </select>
</div>

.select-container {
    display:inline-block;
    position:relative
}
.select-container:after {
    content:'';
    position:absolute;
    right:0;
    top:0;
    width:17px;
    height:100%;
    z-index:10;
    background-color:white;
}

演示在http://jsfiddle.net/gaby/K8MJB/1/

你见过：

如何从 Firefox 中的选择元素中删除箭头

看起来您的可能性有限，但那里有一些想法和解决方案。一个可能只是用这样的东西来消除箭头：

select {
   overflow:hidden;
   width: 120%;
}

然后你可以自由添加你自己的。