自定义下拉菜单不起作用 IE 和 Firefox答案

【问题标题】：custom drop down not working IE and Firefox自定义下拉菜单不起作用 IE 和 Firefox
【发布时间】：2014-02-28 02:42:40
【问题描述】：

我的下拉选项菜单有一个自定义 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;
}

第一张图片用于 Firefox，第二张图片用于 Internet Explorer

【问题讨论】：

对不起我的英语不好我尽力了......
请向我们提供您的 html 代码。因为它看起来像是一个选择元素，当您在 CSS 中使用 textarea 时。
我的 JSFiddle jsfiddle.net/patricksterza/A3CLn
重复：stackoverflow.com/questions/6787667/…
非常感谢 pminov 抱歉重复了

标签： css html firefox

【解决方案1】：

对于 I.E：

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

对于火狐：

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

【讨论】：