JSF PrimeFaces - 按钮高度不变
JSF PrimeFaces - Button Height doesn't change
我正在处理 JSF 页面中的 primeface 框架 sentinel 主题。我了解大部分问题,但我锁定了更改按钮高度。
我试过给予
style="height:100px"
或 style="line-height:100px"
或 styleClass="Fs25"
到 <p:button />
但按钮的彩色区域永远不会改变。
我查看默认的 login.xhtml 哨兵主题,我看到按钮并复制代码,结果在我的页面中再次相同。
我的问题是什么伙计们。我一遍遍怀念的意义是什么?
这是实时预览Login Page
好的,在我检查 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 页面中的 primeface 框架 sentinel 主题。我了解大部分问题,但我锁定了更改按钮高度。
我试过给予
style="height:100px"
或 style="line-height:100px"
或 styleClass="Fs25"
到 <p:button />
但按钮的彩色区域永远不会改变。
我查看默认的 login.xhtml 哨兵主题,我看到按钮并复制代码,结果在我的页面中再次相同。
我的问题是什么伙计们。我一遍遍怀念的意义是什么?
这是实时预览Login Page
好的,在我检查 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>
可能会有更好的答案。我也想听他们说。 谢谢。