3

<p:panelGrid>Stylecheetの特定のものをオーバーライドするにはどうすればよいですか？

これによると：タイムスロットを非表示にする方法..。

私は試した：

#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>

Primefaces3.4.1。-Tomcat 7.x-Mojarra

ご協力いただきありがとうございます。

4

2 に答える 2

4

あなたは2つの間違いをしました：

  1. の\3A後には空白スペースが続く必要があります。

  2. .ui-panelgridクラスは、その子ではなく、それ自体に設定されます<table>。

したがって、これは次のことを行う必要があります。

#frm_dash\3A display.ui-panelgrid td {
    padding: 0;
}

または、これだけです。それ自体がすでに一意であると想定されているIDによってすでに選択されている要素に対して、クラス名セレクターを使用することは意味がありません。

#frm_dash\3A display td {
    padding: 0;
}

別の方法として、パネルグリッドにスタイルクラスを指定して、他の要素で同じ外観を再利用できるようにします。

<p:panelGrid id="display" columns="2" styleClass="nopadding">

with（よりクリーンなCSSセレクター）

table.nopadding td {
    padding: 0;
}

参照：

于 2012-11-06T11:27:27.970 に答える
1

cssコードを追加するだけです

.ui-panelgrid .ui-panelgrid-cell{
   padding 0px;
 }
  • あなたがあなたのページをインポートするならば、このコードはprimefacescssを殺します
于 2016-09-06T08:55:27.347 に答える