在css覆盖时，即使是全路径css（Primefaces）也会失败_Css_Jsf_Primefaces

在css覆盖时，即使是全路径css（Primefaces）也会失败

css jsf primefaces

在css覆盖时，即使是全路径css（Primefaces）也会失败,css,jsf,primefaces,Css,Jsf,Primefaces,我试图用以下代码覆盖PF滑块的背景 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:h="http://java.sun.com/jsf/html" xmlns:f="

我试图用以下代码覆盖PF滑块的背景

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
   xmlns:h="http://java.sun.com/jsf/html"
   xmlns:f="http://java.sun.com/jsf/core"
   xmlns:p="http://primefaces.org/ui"
   xmlns:ui="http://java.sun.com/jsf/facelets">

<h:head>
   <link rel="shortcut icon" type="image/x-icon"
      href="#{request.contextPath}/images/favicon.ico" />
   <title></title>

</h:head>
<body>
    <f:facet name="last">
      <h:outputStylesheet library="css" name="css.css" />
   </f:facet>

它生成以下html，但滑块背景不是黑色的

 <html xmlns="http://www.w3.org/1999/xhtml"><head><link type="text/css" rel="stylesheet" href="/DataUsageCalculator/faces/javax.faces.resource/theme.css?ln=primefaces-blitzer" />
<link type="text/css" rel="stylesheet" href="/DataUsageCalculator/faces/javax.faces.resource/css.css?ln=css" />
<link type="text/css" rel="stylesheet" href="/DataUsageCalculator/faces/javax.faces.resource/primefaces.css?ln=primefaces" />
<script type="text/javascript" src="/DataUsageCalculator/faces/javax.faces.resource/jquery/jquery.js?ln=primefaces"></script>
<script type="text/javascript" src="/DataUsageCalculator/faces/javax.faces.resource/primefaces.js?ln=primefaces"></script>

这是错误的

<h:head>
    ...
<h:head>
<body>
    <f:facet name="last">
        <h:outputStylesheet library="css" name="css.css" />
    </f:facet>
    ...
</body>


...
...

不是JSF组件，PrimeFaces特定的

应该放在

中

你应该使用其中一种

<h:head>
    ...
    <f:facet name="last">
        <h:outputStylesheet library="css" name="css.css" />
    </f:facet>
<h:head>
<h:body>
    ...
</h:body>


...
...

或


...
...

以便在PrimeFaces'1之后加载

与具体问题无关，您没有正确使用

库

属性。请仔细阅读并清理错误的资源库方法。

我也已经尝试过了。没有变化。我也读了那一页。他说的恰恰相反。可能是我误会了。不管怎么说，这两个案子都不管用。因为我的css加载在theme.css之后，primefaces.css之前。样式在theme.css（来自primefaces主题）中，ui小部件内容不能被覆盖。对不起，对我来说效果很好：您的问题是由其他地方引起的，而不是目前提供的信息。也许你的CSS选择器是错的。

.usagePanels

看起来可疑。我在那篇文章上发表了一条评论。像往常一样，你应该得到最大的感谢。我会从一开始就检查一切。我想阅读你对mkyong文章的评论，但我找不到。

<h:head>
    ...
<h:head>
<body>
    <f:facet name="last">
        <h:outputStylesheet library="css" name="css.css" />
    </f:facet>
    ...
</body>

<h:head>
    ...
    <f:facet name="last">
        <h:outputStylesheet library="css" name="css.css" />
    </f:facet>
<h:head>
<h:body>
    ...
</h:body>

<h:head>
    ...
<h:head>
<h:body>
    <h:outputStylesheet library="css" name="css.css" />
    ...
</h:body>