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