css - カスタム ドロップダウンが機能しない IE および Firefox

Question

ドロップダウン オプション メニューのカスタム イメージがあり、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;
}

最初の画像は Firefox 用、2 番目の画像は Internet Explorer 用です

Answer 1

IE の場合:

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

Firefox の場合:

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