变化的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。