css - 从 SelectOneMenu 中移除顶部阴影

Question

我正试图摆脱 SelectOneMenu 中的这个小内部阴影

<h:outputLabel styleClass='defaultOutputLabel' for="sexe" value="Sexe: *" />
<p:selectOneMenu id="sexe" styleClass='selectMenu' required="true" requiredMessage="Vous devez sélectionner un sexe.">
     <f:selectItem itemLabel='Homme' itemValue='Homme' />
     <f:selectItem itemLabel='Femme' itemValue='Femme' />
</p:selectOneMenu>

我试过:

box-shadow: none !important;
border-style: none !important;

我看不出它可能是什么其他选择器。有什么想法吗？

更新: 感谢 tt_dev 的解决方案: .ui-inputfield 部分的 box-shadow 属性。

Answer 1

它是应用于 ui-inputfield css 类的 box-shadow 属性。

您可以使用您提到的以下 css 代码:

.ui-inputfield { box-shadow: none !important; }