CSS：刪除選擇元素中的默認選項上的灰色高亮

Question

這個問題只發生在IE上，使用IE11進行測試。

爲了隱藏任何瀏覽器中的佔位符，除IE外，顯示無可以完成這項工作。然而，IE瀏覽器的解決方案稍微有點詳細。這個想法是使默認選項被禁用，然後用戶不能再點擊佔位符。

到目前爲止好，但在這裏，現在問題來了：

這個影子+高亮灰色不期望的。

如何重現（請使用IE瀏覽器...）

1. 的jsfiddle：http://jsfiddle.net/lcustodio/u8ng9ybf/4/

2. 堆棧段：

.default-option { 
 
    display: none; 
 
} 
 
select::-ms-value { 
 
    background: none; 
 
    color: #42413D; 
 
}

<select> 
 
    <option disabled selected class='default-option'>Select...</option> 
 
    <option>Hello</option> 
 
    <option>World</option> 
 
</select>

* ps：我已根據此hint刪除選定選項上的藍色高亮顯示。請參閱小提琴上的CSS。

Answer 1

我不知道它可以用CSS來實現， 但您可以用類似的東西

例如嘗試：JSFIDDLE

一點幫助爵士

$(function() { 
    $('select').change(function() { 
    $('select option.default-option').remove(); 
    }); 
});