Primefaces如何隐藏IE8上的空数据列表项？

Question

这是我的风格作品：

     .ui-datalist-item:empty {
        display: none !important;
    }

它曾用于Chrome，但现在在IE8上它没有响应。

Answer 1

这不适用，因为IE8无法识别此数据列表项是空的，所以我在JQuery中使用它：

  $(document).ready(function() {
        $('.ui-datalist-item').each(function() {
            if ($(this).text().length === 0) {
                $(this).hide();
            }
        });
    });

Answer 2

使用此类（例如<p:outputPanel>）

也可能有所帮助

.ui-datalist-empty-message {
    visibility: hidden;
}