如何更改<f:facet>標題的顏色？

確切地說，我該怎麼做？嘗試：如何更改<f:facet>標題的顏色？

<f:facet id="form" name="header" class="customHeader"> 
    <h:outputText value="HELLO!"/> 
</f:facet>

和我的CSS：

.customHeader th{ 
    background-color: activeborder; 
    background-image: none; 
}

我remebered包括CSS文件到JSF頁面：

<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>

來源

2014-10-08 Brian Brown

檢查HTML結構。檢查樣式表是否真的包含在內（'body {background-color：red;}'）。 – 2014-10-08 18:37:10

您可以在h:column設置headerClass：

<h:column headerClass="customHeader"> 
    <f:facet name="header"> 
     HELLO! 
    </f:facet> 
</h:column>

在這種情況下對特定的列<th class="customHeader">將會產生。

所以，你需要改變CSS選擇器。要麼刪除th：

.customHeader {/**/}

，或者從descendant更改爲響應element.class

th.customHeader {/**/}

來源

2014-10-09 11:11:52 n1k1ch

我認爲你必須把你的CSS類（CLASS = 「customHeader」）以上來自小

前一個組件：

<p:panel styleClass="customHeader"> 
    <f:facet name="header"> 
    .... 
    </f:facet> 
</p:panel>

或

<p:column styleClass="customHeader"> 
    <f:facet name="header"> 
    .... 
    </f:facet> 
</p:panel>

來源

2014-10-08 18:42:30

它沒有工作：（ – 2014-10-08 18:55:59

你能給我們發送你的HTML代碼嗎？ – 2014-10-08 19:11:52

當然，編輯我的問題 – 2014-10-08 19:34:21

您在使用什麼瀏覽器/系統？

activeborder是默認活動邊框的顏色。但請考慮命名系統顏色在CSS3中已棄用，所以不是標準。您不能確定所有操作系統是否支持所有已定義的系統顏色。

試着這麼做：

background-color: cyan;

或

background-color: #00FFFF;

來源

2014-10-08 18:56:03 JosEduSol

嘗試FF和Chormium。改變爲青色，沒有結果 – 2014-10-08 18:57:25

如何更改<f:facet>標題的顏色？

回答

相關問題