从 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

这是应用于 ui-inputfield css class 的 box-shadow 属性。

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

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

从 SelectOneMenu 中移除顶部阴影

Remove top shadow from SelectOneMenu

css

jsf

primefaces