css - 自定义下拉菜单不起作用 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

对于 IE：

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

对于火狐：

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