JSF PrimeFaces - 按钮高度不变

Question

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

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

我查看默认的 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>

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

JSF PrimeFaces - Button Height doesn't change