Css JSF PrimeFaces-按钮高度不小于';不变

Css JSF PrimeFaces-按钮高度不小于';不变,css,primefaces,jsf-2.2,Css,Primefaces,Jsf 2.2,我正在JSF页面中处理primeface框架sentinel主题。我了解大部分问题,但我锁定在改变按钮高度 我试过给予 style=“height:100px”或style=“line height:100px”或styleClass=“Fs25”到但按钮的彩色区域从未改变 我查看sentinel主题的default login.xhtml,看到按钮并复制代码,结果在我的页面中再次相同 我的问题是什么,伙计们。我一再错过的重点是什么 在我检查我找到的css后,这里是实时预览 .ui-butto

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

我试过给予
style=“height:100px”
style=“line height:100px”
styleClass=“Fs25”
但按钮的彩色区域从未改变

我查看sentinel主题的default login.xhtml,看到按钮并复制代码,结果在我的页面中再次相同

我的问题是什么,伙计们。我一再错过的重点是什么


在我检查我找到的css后,这里是实时预览

.ui-button .ui-button-text {
    display: block;
    line-height: normal;
}
我就是这样解决这个问题的

内部
头部
标签

<style>
#bigbtn .ui-button-text{
    line-height: 60px; <!-- Height of Button -->
    font-size: 20px;   <!-- Size of Button Text --> 
}
</style>
可能会有更好的答案。我也想听听他们。
谢谢。

是否检查过滤芯(例如使用铬)?也许另一个样式类会覆盖您的设置。你可以试试高度:100px!重要信息
,虽然这不是最佳实践。我没有在chrome中尝试,但在这种情况下,我用mozilla打开了login.xhtml,并且@simdevmon这里是live preview@simdevmon
<div id="bigbtn">
   <p:button value="Big Button" />
</div>