實現與primefaces自定義CSS 3.1

我正在與Primefaces 3.1，我想實現自定義CSS的按鈕。實現與primefaces自定義CSS 3.1

我這樣定義我的頁面下：

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

命令按鈕看起來是這樣的：

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

pfOverride.css有以下：

.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也沒有運氣。

任何幫助表示讚賞。

來源

2012-05-11 user1226447

如果右括號添加到.ui-button-text並使用正確的十六進制值這應該工作（g不是一個十六進制數字）：

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

來源

2012-05-11 06:46:00

很抱歉的錯字，但我說的已經pfOverride.css工作很好，但是我的樣式表類.custButton在styleclass.css裏面不是。如何加載樣式表，以便我只能使用樣式表。看起來像忽略了我的樣式表。 – user1226447

我嘗試了我的IDE中的代碼，它工作正常。唯一的區別是我在頁面上包含了樣式direclty，而不是從單獨的文件中包含樣式。 –

我正在尋找不像上面那樣使用.ui-button-text類或.ui-button-text-only類的.ui-button-text類，而是隻使用樣式表中的.custCutton類等自定義類，並改變外觀n感覺P：commandButton，這可能嗎？ – user1226447

實現與primefaces自定義CSS 3.1

回答

相關問題