Java primefaces组件不使用自己的css
我在JavaEE应用程序中使用现成的模板(带有css和j查询)。除primefaces 3.2的panelgrid控件外,所有primefaces组件均正确渲染。 它以边框显示。我想要没有边界的。 我已经从定制模板的css中删除了所有表格样式。 边界仍然存在。 当我移除现成的模板时,panelgrid被完美地渲染,没有任何边界。如何删除边界以及此问题的原因是什么 编辑: xhtml文件:Java primefaces组件不使用自己的css,java,css,jsf,primefaces,Java,Css,Jsf,Primefaces,我在JavaEE应用程序中使用现成的模板(带有css和j查询)。除primefaces 3.2的panelgrid控件外,所有primefaces组件均正确渲染。 它以边框显示。我想要没有边界的。 我已经从定制模板的css中删除了所有表格样式。 边界仍然存在。 当我移除现成的模板时,panelgrid被完美地渲染,没有任何边界。如何删除边界以及此问题的原因是什么 编辑: xhtml文件: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Tr
<!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:p="http://primefaces.org/ui">
<h:head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>AP administration panel - A massive administration panel</title>
</h:head>
<h:body>
<div>
<h:form>
<p:panelGrid columns="2" style="border: none">
<h:outputText value="scrip symbol"/>
<p:inputText value=""/>
<p:commandButton value="submit"/>
</p:panelGrid>
</h:form>
</div>
</h:body>
</html>
AP管理小组-大型管理小组
当覆盖PrimeFaces默认样式时,必须指定至少具有相同强度的CSS选择器,或者指定一个更强的选择器。CSS选择器的强度(级联规则)在中指定,并在本文中进行了明确解释:
基于PrimeFaces自己的CSS,以下选择器应执行以下操作:
.ui panelgrid tr、.ui panelgrid td{
边界:无;
}
只需将它们放在一个.css
文件中,您可以通过
将其包含在
的开头,这样它就可以包含在自己的样式之后
...
另见:
更新:根据您的更新,您的CSS似乎根本没有加载。您应该通过验证浏览器内置webdeveloper工具集中的HTTP流量(在Chrome/IE9/Firebug中按F12)并看到它返回HTTP 404错误来注意到这一点。使用
时,需要将CSS文件放入webcontent的/resources
文件夹中。因此,您必须拥有/resources/css/mycss.css
,才能使用
另见:
?因此,不仅仅是针对一个或多个特定的
s?我不想覆盖它,我想保持它的原样(没有边框),但是当我应用自定义css时,网格带有边框,我不知道为什么,我想删除这个边框我没有问这个问题。请重读问题。是否要将样式替代应用于所有配电盘格线或仅应用于特定配电盘格线?仅适用于我。css/mycss.css
文件到底放在哪里?它被放在webcontent的/resources
文件夹中,对吗?另请参见其放置在网页(所有网页的默认文件夹)/css(由我创建的用于保存所有css的文件夹),该文件夹不适用于
。您必须创建一个/resources
文件夹,并将css/mycss.css
放入其中。请按照我之前评论中的“请参阅”链接了解更多详细信息。否则,您必须使用老式的HTML
元素并担心上下文路径。这样,panelgrid将继续显示其边框,不同之处在于边框仅显示在某些组件(按钮、文本框等)所在的单元格(panelgrid)周围放置后,整个模板也会变形。这可能是PF 3.2特有的。我现在没有PF 3.2游乐场环境。我使用的是PF 3.3,您可能也需要升级它。这已经是几个星期的决赛了。至少,这个答案应该为CSS继承的工作方式带来新的见解。