JSF PrimeFaces - 按钮高度不会改变

Question

我正在JSF页面中处理primeface框架 sentinel theme 。我理解大部分问题，但我锁定了更改按钮高度。

我试过给予 style="height:100px"或style="line-height:100px"或styleClass="Fs25"到<p:button />，但按钮的彩色区域永远不会改变。

我看了一下sentinel主题的默认login.xhtml，我看到了按钮并复制了代码，结果在我的页面中再次相同。

我的问题是什么？我一遍又一遍地想念的是什么？

这是实时预览Login Page

Answer 1

在我检查了css之后我找到了

.ui-button .ui-button-text {
    display: block;
    line-height: normal;
}

这就是我解决问题的方法

在head标记内

<style>
#bigbtn .ui-button-text{
    line-height: 60px; <!-- Height of Button -->
    font-size: 20px;   <!-- Size of Button Text --> 
}
</style>

在body

<div id="bigbtn">
   <p:button value="Big Button" />
</div>

可能有更好的答案。我也想听听他们。 谢谢。