我有基本的CSS经验，所以我想知道如何删除由Primefaces设置的样式CSS？
.ui-inputfield, .ui-widget-content .ui-inputfield, .ui-widget-header .ui-inputfield {
box-shadow: 0 2px 2px #74B2E2 inset;
}
我创建了自己的样式表myCustomStyle.css
.ui-inputfield, .ui-widget-content .ui-inputfield, .ui-widget-header .ui-inputfield {
box-shadow: ?????? (How can I override the styling)
}
由于
答案 0 :(得分：20)
使用box-shadow:none将box-shadow重置为默认值。
有关box-shadow媒体资源的信息，请参阅this source。通过定义相同的属性并使用默认值，可以“重置”所有属性。
要让myCustomStyle.css覆盖Primefaces的css文件，您必须在 primefaces'文件后包含自定义文件。
最后诉求：如果您的自定义样式未应用，请在声明后（但在分号之前）添加!important：box-shadow: none !important
答案 1 :(得分：3)
.ui-inputfield, .ui-widget-content .ui-inputfield, .ui-widget-header .ui-inputfield {
box-shadow: none;
}
这里也有一个优先问题，但是如果你的样式表是在另一个之后插入的，那么它通常会起作用。如果没有，请在!important之后添加none。
答案 2 :(得分：0)
我想补充一点，Primefaces框架使用jQuery UI ThemeRoller预先构建的主题。
您可以使用ThemeRoller创建新主题或根据自己的喜好修改现有主题。