从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解决方案： box-shadow部分的.ui-inputfield属性。

Answer 1

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

你可以使用你提到的以下css代码：

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