为什么我的自定义 p:selectonemenu 样式不起作用？

Question

在我的项目中，我有一个自定义样式，由以前的开发人员创建。不能去掉，放个“普通”风格，因为项目成熟，客户喜欢这种风格。

我调整了 p:selectonemenu 的样式，但是如果我过滤，所有元素都消失了。我检查了检查员，似乎只是在其他选项中添加了 display="none"。所以我不明白为什么应该可见的选项也消失了。

这是我的自定义样式：

.ui-selectonemenu {
    margin: 5px;
    padding: 6px;
    font-size: 1em !important;
    /* The arrow */
    background-image: url(data:image/svg+xml;charset=utf-8,[...]]);
    background-position: right .5em center;
    background-repeat: no-repeat;
    background-size: .8em;
    display: inline-flex !important;
}

.ui-selectonemenu-trigger {
    display: none;
}

.ui-selectonemenu-panel {
    background-color: white !important;
}

.ui-selectonemenu-label {
    width: 100% !important;
    box-shadow: none !important;
    background: none;
}

.ui-selectonemenu-items {
    background: white;
}