0

次の外観を実装しようとしています:http://www.primefaces.org/showcase/ui/selectManyCheckbox.jsf

PrimeFacesショーケースサイトのコンポーネントの周囲にcss-bordersがないことに注意してください。

 <h:outputText value="Horizontal: " />  
 <p:selectManyCheckbox value="#{formBean.selectedOptions}">  
   <f:selectItem itemLabel="Option 1" itemValue="Option 1" />  
   <f:selectItem itemLabel="Option 2" itemValue="Option 2" />  
   <f:selectItem itemLabel="Option 3" itemValue="Option 3" />  
 </p:selectManyCheckbox>

ただし、実装でコンポーネントの周囲に不要な境界線が表示されました。style = "border-style:none;"を追加しようとしました すなわち

<p:selectManyCheckbox value="#{formBean.selectedOptions}" style="border-style: none;">    

結果なし。私は次のようにdefault.cssファイルを持っています:

.ui-widget, .ui-widget .ui-widget {
    font-size: 80% !important;
}

cssリソースがこの問題に影響を与えるとは思いませんが、間違っている可能性があります。

異なるブラウザ間で見た目の違いはわかりません。

この特定のコンポーネントでのみ、境界線を取得した理由と境界線を削除する方法を教えてください。

よろしくお願いします

4

2 に答える 2

1

国境?Primefacesp:selectManyCheckboxにはデフォルトで境界線がありません。

とにかく、スタイルルールを上書きしたい場合は、を使用できます!important

これにより、境界線が削除されます。

<p:selectManyCheckbox value="#{formBean.selectedOptions}" style="border-style: none !important;">
于 2012-08-02T12:55:30.220 に答える
0

私は国境がないことに同意しません。すべてのCSSを削除しようとしましたが、それでも境界線が表示されます。テーマ固有の可能性があります。

私は以下を使わなければなりませんでした:

.noBorder tr,.noBorder td {
    border: none !important;
}



<p:selectManyCheckbox value="#{formBean.selectedOptions}" styleClass="noBorder">
                        <f:selectItem itemLabel="Option 1" itemValue="Option 1" />
                    </p:selectManyCheckbox>
于 2012-10-14T13:00:16.760 に答える