次の外観を実装しようとしています: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リソースがこの問題に影響を与えるとは思いませんが、間違っている可能性があります。
異なるブラウザ間で見た目の違いはわかりません。
この特定のコンポーネントでのみ、境界線を取得した理由と境界線を削除する方法を教えてください。
よろしくお願いします