Safari选择下拉菜单显示空字段

我尝试了以下解决方案，但没有运气：出于某种原因，Safari在选择框中包含空字段的额外行。它的罚款在Chrome和FirefoxSafari选择下拉菜单显示空字段

下面是一个例子：http://www.ninesixty.co.nz/jazzbags/pullbows/

我曾尝试以下解决方案，没有运气：

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

select:empty { display:none; }

来源

2017-10-04 Josh J

欢迎来到StackOverflow！为了让我们更好地为您提供帮助，能否请您更新您的问题，以便在** [最小，完整和可验证的示例]中显示您的相关代码（http://stackoverflow.com/help/mcve）** 。如果你能让我们知道你有什么** [尝试到目前为止]（http://meta.stackoverflow.com/questions/261592）**来解决你的问题也是有帮助的。有关详细信息，请参阅有关** [如何提出良好问题]（http://stackoverflow.com/help/how-to-ask）**的帮助文章，然后参加** [网站之旅]（http://stackoverflow.com/tour) ** –

我不认为你可以用CSS实现这一点，因为Safari使用覆盖下拉列表，但您可以使用JavaScript来完成此操作

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

来源

2017-10-04 23:50:59 GumZ

这工作了一种享受。真的很感谢您的帮助！GumZ –

欢迎您的帮助！ – GumZ

Safari选择下拉菜单显示空字段

回答

相关问题