如何覆蓋CSS

我有經驗的基本CSS，所以我想知道如何刪除由Primefaces設置的樣式CSS？如何覆蓋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) 
}

感謝

來源

2011-10-04 Mark Estrada

使用box-shadow:none重置box-shadow爲默認值。

有關box-shadow屬性的信息，請參閱this source。所有屬性都可以通過定義相同的屬性並使用默認值來「重置」。

爲了讓您的myCustomStyle.css覆蓋Primefaces的css文件，您必須在之後包含您的自定義文件primefaces的文件。

一個最後勝地：如果您的自定義樣式不應用，添加!important你的宣言（但分號之前）之後：box-shadow: none !important

來源

2011-10-04 10:29:58

**哪裏是primefaces主題CSS包括？**我需要知道找到我的自定義樣式後。謝謝 – merveotesi

根據[PrimeFaces文檔]（http://www.primefaces.org/documentation.html），第414頁上的[用戶指南]（http://primefaces.googlecode.com/files/primefaces_users_guide_3_0_RC2.pdf），CSS文件必須放置在JAR文件中，位於：'/ META-INF/resources//theme.css'。在此評論中查看鏈接的PDF文件（12Mb）。 –

對不起，我不清楚。我想問的不是theme.css的地方，在代碼中我們將它包含在項目中的哪一行，<鏈接樣式表等>的位置>我搜索了我的項目但找不到 – merveotesi

.ui-inputfield, .ui-widget-content .ui-inputfield, .ui-widget-header .ui-inputfield { 
    box-shadow: none; 
}

有優先的整個問題這裏，但如果你將樣式表插入另一個之後，那麼它通常會工作。如果不是，請在none之後加0123'。

來源

2011-10-04 10:30:14

感謝您的幫助彌敦道！ –

我想補充說，Primefaces框架利用jQuery UI ThemeRoller預構建的主題。

您可以使用ThemeRoller創建新主題或根據自己的喜好修改現有主題。

來源

2011-10-04 11:19:48

謝謝，我會保留這個指針 –

回答

相關問題