![](/img/trans.png)
[英]How can I set ui-panelgrid-cell padding for a specific p:panelGrid?
[英]How to Override .ui-panelgrid td for specific <p:panelGrid>
如何覆盖样式表中的特定<p:panelGrid>
?
根据这个: 如何隐藏时间段......
我试过了:
#frm_dash\3Adisplay td.ui-panelgrid {
padding:0px 0px;
}
和
#frm_dash\3Adisplay .ui-panelgrid td {
padding:0px 0px;
}
但它似乎不起作用。
该页面构建在此物理结构中:
<h:form id="frm_dash">
[...]
<p:panelGrid id="pnlg_page" style="width: 100%;">
[...]
<p:row>
<p:column style="width: 50%; vertical-align: top" colspan="1">
<p:panelGrid id="display" columns="2">
[...]
</p:panelGrid>
</p:column>
<p:column colspan="1" style="vertical-align: top;">
[...]
</p:column>
</p:row>
[...]
</p:panelGrid>
[...]
</h:form>
Primefaces 3.4.1。 - Tomcat 7.x - Mojarra
谢谢你的帮助。
你犯了2个错误:
\\3A
后面必须有一个空格。
.ui-panelgrid
类已在<table>
本身上设置,而不是在它的子.ui-panelgrid
上。
所以,这应该做:
#frm_dash\3A display.ui-panelgrid td {
padding: 0;
}
或者就是这样,因为在已经被ID选择的元素上使用类名选择器是没有意义的,该ID本身应该是唯一的:
#frm_dash\3A display td {
padding: 0;
}
作为另一种选择,给面板网格一个样式类,以便您可以在其他元素上重复使用相同的外观:
<p:panelGrid id="display" columns="2" styleClass="nopadding">
with(一个更干净的CSS选择器)
table.nopadding td {
padding: 0;
}
只需添加一个css代码
.ui-panelgrid .ui-panelgrid-cell{
padding 0px;
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.