jsf - Primefaces 如何在 IE8 上隐藏空数据列表项？

Question

这是我的风格作品：

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

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

Answer 1

也可能有帮助的是使用这个类（例如 for <p:outputPanel>）

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

Answer 2

这不适用，因为 IE8 无法识别此数据列表项为空，因此我在 JQuery 中围绕它工作：

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