將CSS類或樣式添加到p：消息

Question

我有單個p:message要爲其設置display: inline-block。

我已經試過如下：

<p:message ... styleClass="inline-block" style="display:inline-block;/> 

但是，當我看到來源，風格和類不會呈現與消息股利。

有什麼辦法可以指定自定義CSS屬性到p:message直接？

我知道我可以用div包裝它並引導該div的子項的CSS，但是如果可能的話，我想避免多餘的包裝。

PrimeFaces版本：3.5。

Answer 1

有哈特姆Alimam

不同意作爲mykong article的話，你應該添加樣式表來覆蓋Primefaces CSS。

!important在CSS樣式表中被視爲不好的做法。檢查這些快速SO答案看SO社區的想法：

Is !important bad for performance?

What are the implications of using 「!important」 in CSS?

Is it bad to use !important in css property

最後一個已在!important的防守一個答案，但帶來的問題，當數!important規則發揮作用（如果你開始毫無保留地開始使用它，你必然會讓它在你的臉上流下來，並且它們會一個接一個地開始層疊。）

正確的做法是讓您的樣式表優先於PF表格，以使您的選擇器在級聯中優先於PF中的選擇器。

谷歌的CSS選擇器關於如何確保您的規則是由瀏覽器在PF的選擇（我現在工作，無法訪問博客）的特定性。

---

到您的具體問題：

的屬性不工作，因爲他們沒有在分量編碼。檢查PF用戶指南以瞭解您的特定PF版本（在撰寫本文時，您尚未說明您的版本）。 <p:messages>組件具有相當獨特的渲染方式。

爲您的特定情況下，添加以下規則：

.ui-messages.ui-widget { 
    display: inline-block; 
}