Css JSF PrimeFaces-按钮高度不小于';不变
我正在JSF页面中处理primeface框架sentinel主题。我了解大部分问题,但我锁定在改变按钮高度 我试过给予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
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>