如何覆盖CSS

Question

我有基本的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)
}

谢谢

Answer 1

用于box-shadow:none将重置box-shadow为默认值.

有关该box-shadow属性的信息,请参阅此源.通过定义相同的属性并使用默认值,可以"重置"所有属性.

要myCustomStyle.css覆盖Primefaces的css文件,必须在primefaces'文件后面包含自定义文件.

一个最后一招:如果您的自定义样式不应用,增加!important你的宣言后(但在分号之前):box-shadow: none !important