Primefaces組件CSS定製

正如我在primefaces文檔中看到，Primefaces組件CSS定製

1) To change the font-size of PrimeFaces components globally, use the `.ui-widget` style class. 
     An example with 12px font size. 

     .ui-widget, 
     .ui-widget .ui-widget { 
       font-size: 12px !important; 
     }

我對此有2個問題：

爲什麼在上面的代碼.ui-widget書面三次？
對於tabView的兩個不同實例，我想自定義其頭部背景顏色，但我找不到這樣做的方法。這甚至有可能嗎？

來源

2011-06-10 Rajat Gupta

在樣式聲明中，它們是用逗號分隔不同類覆蓋的列表。具體地，本片的CSS的規定：

類ui-widget並且具有類ui-widget元素的ui-widget子元素。

只要頭背景被認爲可能沒有運氣使用簡單的CSS來修改背景顏色，因爲我相信它可能使用各種不同的1px寬的GIF或JPG圖像重複，而不是固定連續聲明的顏色。

如果要使用自己的樣式表自定義Primefaces組件的默認主題，那麼您最好考慮使用Firebug，https://addons.mozilla.org/en-US/firefox/addon/firebug/等工具來檢查類，樣式並在Firefox的任何網頁上進行實時修改正在觀看。它甚至建立在Javascript調試。

來源

2011-06-10 10:54:39

對於TabView的兩種不同情況下我想以不同的方式自定義其標題背景顏色，但我不能找到一個方法來做到這一點。這甚至有可能嗎？

與所有其他PrimeFaces組件一樣，tabView的屬性爲styleClass。因此，您可以將自己的CSS樣式類分配給tabView實例（或其他組件的任何實例）。

所以你可以創建兩個不同背景顏色的風格類。

XHTML：

<p:tabView styleClass="myClass"> 
    ... 
</p:tabView>

CSS：

.myClass { 
    background-color: yellow; 
}

您可能需要更具體的選擇，請了解css specificity

來源

2011-06-10 11:12:29 Sebi

也許有點主觀的，但除非你正在尋找定製現有的Jquery UI ID在預先存在的/預先推出的Primefaces主題中，那麼你就有點隱藏起來。 PanelGroups，PanelGrids和TabViews，例如，爆炸他們的容器，甚至沒有溢出：汽車可以修復它。

關於Primefaces庫最令人困惑的事情之一是組件如何不通過W3C驗證，導致幾個小時的「戰鬥框架」。

來源

2012-04-22 16:49:07 8bitjunkie

Primefaces組件CSS定製

回答

相關問題