Как изменить цвет заголовка <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"/>

Но нет результата, я не могу изменить цвет заголовка, я просто не видит никаких изменений. Любая помощь?

Heres сгенерированный 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;}'). –

Вы можете установить 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 {/**/}

источник

2014-10-09 11:11:52 n1k1ch

Я думаю, вы должны поставить свой класс CSS (класс = "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

Это не сработало :( –

Можете ли вы выслать нам свой фрагмент кода HTML? –

уверен, отредактировал мой вопрос –

В каком браузере/системе вы работаете?

activeborder - цвет активной границы по умолчанию. Но учтите, что именованные системные цвета устарели в CSS3, поэтому не являются стандартными. Вы не можете быть уверены, что все операционные системы поддерживают все определенные цвета системы.

Попробуйте что-то вроде:

background-color: cyan;

или

background-color: #00FFFF;

источник

2014-10-08 18:56:03 JosEduSol

Пробовал с FF и Chormium. Изменен на голубой, без результата –

Как изменить цвет заголовка <f:facet>?

ответ

Смежные вопросы