自定义下拉不工作IE和Firefox

Question

我有一个自定义img用于我的下拉选项菜单，我尝试了其他浏览器，如Internet Explorer和FireFox ......

我的代码：

textarea {
    background: #9d9d9d;
    color: #000000;
    width: 90%;
    padding: 5px;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
}
.styled-select {
   width: 88%;
   height: 30px;
   overflow: hidden;
   background: url('../img/down.png') no-repeat right #9d9d9d;
   border: 1px solid #ccc;
   border-radius:5px;
   -moz-border-radius:5px;
   -webkit-border-radius:5px;
}

首先Img用于Firefox，第二个img用于Internet Explorer

Answer 1

对于I.E：

select::-ms-expand
{  
 display: none;
}

对于Firefox：

.select
{
-moz-appearance: none; 
 appearance: none;    
 text-overflow: ''; 
}