變化的commandButton標籤樣式

Question

我有一個Primefaces的commandButton

<p:commandButton value="..." action="..." styleClass="myButton"/> 

與自定義CSS類

.mybutton{ 
    margin-left: 10px; 
    margin-bottom: 10px; 
    width: 200px; 
} 

我想覆蓋按鈕標籤的類，它是

​​的某些屬性

我應該寫些什麼才能定製mybutton類的標籤，而不是我網絡中的所有按鈕PP？

---

我使用JSF2.2，PF 5.2

Answer 1

如果你希望你的規則隻影響具有上述所有類別的按鈕，使用此

.mybutton.ui-button-text-icon-left.ui-button-text { 
    margin-left: 10px; 
    margin-bottom: 10px; 
    width: 200px; 
} 

<p:commandButton>呈現作爲<button>嵌套<span>它包含一個標籤。這樣

<button ... class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only ui-priority-primary mybutton" ...> 
    <span class="ui-button-text ui-c">My button</span> 
</button> 

東西，所以，如果你實際上是試圖風格的標籤，然後將CSS規則應該是

.mybutton .ui-button-text { 
    margin-left: 10px; 
    margin-bottom: 10px; 
    width: 200px; 
} 

這樣一來，它的目標是其下部分嵌套有ui-button-text類組件與類mybutton。