确切地说，我该怎么做？尝试：
<f:facet id="form" name="header" class="customHeader">
<h:outputText value="HELLO!"/>
</f:facet>
和我的CSS：
.customHeader th{
background-color: activeborder;
background-image: none;
}
我记得在CSSF页面中包含CSS文件：
<link type="text/css" ref="stylesheet" href="./newcss.css"/>
但没有结果，我无法改变标题颜色，我根本没有看到任何变化。有帮助吗？
继承人生成的HTML代码：
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="j_idt2">
<title>Facelet Title</title>
<link type="text/css"
ref="stylesheet"
href="./newcss.css" />
</head
><body>
<form id="j_idt5"
name="j_idt5"
method="post"
action="/HTableJSF/faces/newjsf.xhtml"
enctype="application/x-www-form-urlencoded">
<input type="hidden" name="j_idt5" value="j_idt5" />
<table style="background-color: black">
<thead>
<tr>
<th colspan="1" scope="colgroup">HELLO!</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<span class="row1">HELLO</span>
</td>
</tr>
</tbody>
</table>
<input type="hidden"
name="javax.faces.ViewState"
id="j_id1:javax.faces.ViewState:0"
value="-3603525257247985306:-5087066467544098625"
autocomplete="off" />
</form>
</body>
</html>
你可以在headerClass上设置h:column：
<h:column headerClass="customHeader">
<f:facet name="header">
HELLO!
</f:facet>
</h:column>
在这种情况下，将生成特定列<th class="customHeader">。
所以，你需要改变css选择器。要么删除th：
.customHeader {/**/}
或者将它从descendant改为element.class
th.customHeader {/**/}
我认为你必须把你的CSS类（class =“customHeader”）放在facet上面
例如：
<p:panel styleClass="customHeader">
<f:facet name="header">
....
</f:facet>
</p:panel>
要么
<p:column styleClass="customHeader">
<f:facet name="header">
....
</f:facet>
</p:panel>
你在哪个浏览器/系统工作？
activeborder是默认活动边框的颜色。但请考虑在CSS3中不推荐使用命名系统颜色，因此不是标准配置。您无法确定所有操作系统是否支持所有已定义的系统颜色。
尝试类似的东西：
background-color: cyan;
要么
background-color: #00FFFF;