我为下拉菜单选择了自定义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

最佳答案

对于IE

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


对于Firefox:

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

关于html - 自定义下拉列表不起作用IE和Firefox,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/19810658/

10-11 23:25
查看更多