primefacesでカスタムCSSを実装する3.1

Question

私はPrimefaces 3.1で作業していますが、ボタン用のカスタムCSSを実装しようとしています。

私は私のページは次のように定義されている以下：

<p:commandButton id="button1" styleClass="custButton".... 

pfOverride.cssは以下ました：

<h:head> 
<title>Primefaces 3.1</title> 
<f:facet name="last">    
    <meta http-equiv="X-UA-Compatible" content="EmulateIE8" /> 
    <meta content="text/html; charset=UTF-8" http-equiv="Content-Type"/>       
    <link type="text/css" rel="stylesheet" href="../resources/Styles/stylesheet.css" /> 
    <link rel="stylesheet" href="../resources/Styles/pfOverride.css" type="text/css" /> 
    </f:facet> 
</h:head> 

コマンドボタンは、次のようになります

.ui-button { 
    background-color: #b2f5g3; 
    border-color: black;  
} 

.ui-button-text { 
    background-color: #b2f5g3; 
.ui-button-text-only .ui-button-text { 
    font-size: 9pt; 
    color: black; 
} 

そしてcustButtonも異なる値を持っていますセット、

私の問題はpfoverride.cssは動作していますが、スタイルシートはありません。誰かが私が行方不明または間違っていることを教えてもらうことができますか、私は!importantも入れてみましたが運はありませんでした。

何か助けていただければ幸いです。

Answer 1

あなたは.ui-button-textに閉じ括弧を追加し、正しい16進数の値を使用する場合、これは動作するはずです（gは16進数ではありません）：タイプミスのため

.ui-button-text { 
    background-color: #b2f5f3; 
} 
.ui-button-text-only .ui-button-text { 
    font-size: 9pt; 
    color: black; 
}