Safari sélectionnez la liste déroulante montrant les champs vides

Question

J'ai essayé les solutions suivantes sans succès: Pour une raison quelconque, Safari inclut des lignes supplémentaires pour les champs vides dans une zone de sélection. Il est bien dans Chrome et Firefox

Voici un exemple: http://www.ninesixty.co.nz/jazzbags/pullbows/

J'ai essayé les solutions suivantes sans chance:

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

select:empty { display:none; } 

Answer 1

Je ne pense pas que vous pouvez réaliser cela avec CSS parce que les utilisations Safari une superposition pour les listes déroulantes, mais vous pouvez le faire avec JavaScript

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