Safariで空のフィールドが表示されるドロップダウン

Question

私は幸運にも以下の解決策を試しました。何らかの理由で、Safariが選択ボックスの空のフィールドに余分な行を追加しています。それはここではChromeとFirefoxの

で大丈夫です例です。http://www.ninesixty.co.nz/jazzbags/pullbows/

私は運なしで、次の解決方法を試してみました：

select [value=""] {  display: none; } 

select:empty { display:none; } 

Answer 1

私はSafariが使用していますので、あなたがCSSでこれを達成することができないと思いますドロップダウンのオーバーレイですが、JavaScriptでこれを実現できます。

var selectOption = document.querySelectorAll('#slct option'); 
for (var i = 0; i < selectOption.length; i++) { 
    var item = selectOption[i]; 
    if (item.innerHTML === "") { 
    item.remove(); 
    }; 
}