IE将隐藏选项显示为空白，在Chrome和Firefox中显示为正常

Question

我有一个SELECT，其中隐藏了几个选项，方法是添加一个display: none;的类，具体取决于其他条件。

在大多数浏览器中，这很好，但在Internet Explorer 11（叹气）中，这会显示一个空行（见图）。

我可以添加一些CSS来阻止这种情况发生，或者我只是做错了吗？

我已从SELECT内删除了所有换行符，但这没有帮助。

以下显示了IE 11中的输出：

这是来源（Chrome格式化 - CR实际上并不存在）

相关的CSS：

.invisible {
    display:none;
}