html - 自定义选择框在 IE 中无法正常工作

Question

我创建了一个自定义下拉框，可以在这里看到:JSFIDDLE .

布局正是我想要的，在 Chrome 和 Firefox 中它工作得很好。但问题出在 IE (11,10,9,8) 中。当您尝试单击蓝色箭头时，没有任何反应。如果您在 Chrome 或 Firefox 中单击蓝色箭头，则会打开下拉菜单。我尝试使用几个 CSS IE hacks 但没有成功。谁能告诉我这是否可以修复？

我的 CSS:

select\9 {
    display: none;
}
select::-ms-expand {
    display: none;
}
select {
    -webkit-appearance: none;
       -moz-appearance: none;
        -ms-appearance: none;
         -o-appearance: none;
            appearance: none;
    text-overflow: '';
    /* this is important! */
}
.custom-select {
    position: relative;
    overflow: hidden;
    border: 1px solid #cacaca;
    background-color: #fff;
    border-radius: 2px;
    box-shadow: inset 0 1px 1px 1px rgba(204, 204, 204, .4);
    color: #0085c8;
    width:200px;
}
.custom-select:after {
    background-color: #fff;
    border-left: 1px solid #cacaca;    
    content: "\25bc";
    display: block;
    font-size: 1em;
    line-height: 1em;   
    padding: 11px 13px 11px 11px;   
    position: absolute;
    right: 13px;    
    text-align: center;
    top: 3%;
    width: 0;   
    z-index: 2; 
    box-sizing: inherit;
    height:100%;

    /* IE */
    line-height: 3em\9;
    padding: 0px 13px 0px 11px\9;
    right: 0px\9;
    width: 10px\9;
    z-index: 4\0;
}
.custom-select select {
    background: 0 0;
    height: 80%;
    outline: 0;
    width: 100%;
    width: 180%\9;
    font-size: 14px;
    line-height:1.1em;
    border: 0;
    border-radius: 0;
    padding: 9px 38px 9px 10px;
    position: relative;
    z-index: 3;
    color: #0085c8; 
    overflow:hidden;        
}

Answer 1

更改 .custom-select:after 的 CSS 以匹配以下内容:

.custom-select:after {
background-color: #fff;
border-left: 1px solid #cacaca;    
content: "\25bc";
display: block;
font-size: 1em;
line-height: 1em;   
padding: 11px 13px 11px 11px;   
position: absolute;
right: 13px;    
text-align: center;
top: 3%;
width: 0;   
z-index: 2; 
box-sizing: inherit;
height:100%;

/* IE */
line-height: 3em\9;
padding: 0px 13px 0px 11px\9;
right: 0px\9;
width: 10px\9;
z-index: 1;