刪除IE

Question

中的選擇箭頭

我使用SO
How to remove the arrow from a select element in Firefox
這裏找到的方法刪除了選擇元素的下拉箭頭，但我仍然需要針對IE的解決方案。有什麼建議？
jsfiddle
HTML：

<div class="select-wrap"> 
    <select class="input-country" name="country"> 
    <option value="">-Select Country-*</option> 
    <option value="US" selected="selected">USA</option> 
    <option value="AF">AFGHANISTAN</option> 
    <option value="AL">ALBANIA</option> 
    </select> 
<div> 

CSS：

.select-wrap { 
width: 340px; 
height: 40px; 

border: 1px solid black; 
} 
select { 
width: 340px; 
height: 100%; 
margin: auto 0; 
padding-bottom: 4px; 
border: none; 
-webkit-appearance: none; 
-moz-appearance: none; 
appearance: none; 
text-indent: 0.01px; 
text-overflow: ''; 
} 

我將不勝感激僅CSS的解決方案。

Answer 1

試試這個：

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

注意，該工程對IE10 +