gpt4 book ai didi

css - 用自定义的覆盖 primefaces css

转载 作者:行者123 更新时间:2023-11-28 15:44:30 27 4
gpt4 key购买 nike

我制作了一个名为 mycustomstyle.css 的自定义样式表为了覆盖 primefaces 提供的样式表,我将样式表的链接放在 <h:body> 中以便它覆盖 primefaces 提供的那个,但是当我看到生成的 HTML 时,我发现 mycustomstyle.css出现在 primefaces 的样式表之前,这意味着它没有覆盖它,这是生成的 HTML:

<head><link type="text/css" rel="stylesheet" href="/Gambak/javax.faces.resource/theme.css.jsf?ln=primefaces-aristo" />
<link type="text/css" rel="stylesheet" href="/Gambak/javax.faces.resource/css/mycustomstyle.css.jsf" />
<link type="text/css" rel="stylesheet" href="/Gambak/javax.faces.resource/primefaces.css.jsf?ln=primefaces" />
<link type="text/css" rel="stylesheet" href="/Gambak/javax.faces.resource/keyboard/keyboard.css.jsf?ln=primefaces" />
<link type="text/css" rel="stylesheet" href="/Gambak/javax.faces.resource/fileupload/fileupload.css.jsf?ln=primefaces" />
<link type="text/css" rel="stylesheet" href="RES_NOT_FOUND" />

关于这个顺序,哪个样式表会覆盖另一个?我认为 myStyleSheet 已被覆盖,

我的 jsf oage 代码用于放置 customStyleSheet:

<ui:composition template="/WEB-INF/template/template.xhtml">
<ui:define name="content">
<h:body>
<f:facet name="last">
<h:outputStylesheet name="css/mycustomstyle.css" />
</f:facet>
</h:body>
</ui:define>
</ui:composition>

最佳答案

如果你想覆盖 primefaces.css,你可以通过创建空白 resouces/primefaces/primefaces.css 来实现。它并不完美,但可以与 Primefaces 5.0 一起使用

关于css - 用自定义的覆盖 primefaces css,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16490793/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com