firefox中的下拉列表设计

Question

Opera，Chrome：http://s23.postimg.org/swo0s3bnv/opeera.png
Firefox：http://oi44.tinypic.com/2zthd2t.jpg

我的css：

width: 170px;
height: 25px;
font-family: arial;
color:#9E9E9F;
font-size: 12px;
border-color:#EFEFEF;
border-width: 1px;
-webkit-appearance: none;
 -moz-appearance:none;
background: url(../img/select-ar.fw.png);
background-repeat: no-repeat;
background-position: 150px 8px;
cursor: pointer;
padding-left: 3px;
letter-spacing: 0.6pt;

它想要什么？

如何在firefox中修复它？

Answer 1

您只能使用:after元素进行此操作，该元素会覆盖原始select