我已经创建了自己的主题作为单独的Maven项目,并且它已正确加载.
现在我想改变组件的大小.例如,a <p:orderList>.它有一个名为的类ui-orderlist-list,它primefaces.css以固定的200x200维度定义.无论我在我身上做什么theme.css,它都会被这个属性所覆盖,我无法将内容作为<p:orderList>更广泛的内容.
对于其他组件,我可能只想覆盖组件的一个实例,而不是全部.
任何人都可以告诉我,我怎么能做到这一切？
我一直在使用JSF处理一个简单的Java EE项目.
<h:form id="phoneForm">
<h:dataTable id="phoneTable">
</h:dataTable>
</h:form>
我试图通过设置CSS #phoneTable { ... },但它不起作用.在客户端检查HTML源代码时,JSF生成的HTML表格似乎以形式获取客户端ID id="phoneForm:phoneTable".我无法应用CSS via #phoneForm:phoneTable { ... },因为冒号表示伪选择器的开始并导致错误.
我怎么能在CSS选择器中使用它呢？
如何使用CSS更改组件的属性？
假设我有两个按钮:
<p:commandButton id="mySmallButton" styleClass="smallButton">
<p:commandButton id="myButton">
我希望我的所有按钮都有,font-size: 14px;所以我添加了这条规则:
.ui-button .ui-button-text{
font-size:14px;
}
但我的smallButton应该有不同的大小,所以我补充说:
.smallButton{
font-size:11px;
}
不幸的是,这不起作用.这是HTML生成的:
<button class="ui-button ui-widget ui-state-default ui-corner-all
ui-button-text-only smallButton" (...)>
<span class="ui-button-text ui-c">MY TEXT</span>
</button>
此按钮上的文字大小为14px.CSS应该如何拥有我的所有smallButton font-size: 11px？