Wicket CheckBoxMultipleChoice

Question

CheckBoxMultipleChoiceのレンダリングされたhtmlのCSSスタイルを変更するには？ CheckBoxMultipleChoiceは、デフォルトでは、このHTML出力をレンダリングするが、私はこのレンダリングされた出力

<div class="ca-info__cat-roles js-roles-1 expanded" wicket:id="categories" id="categoriesb"> 
    <input name="categories" type="checkbox" value="819" id="categoriesb categories_819"> 
    <label for="categoriesb-categories_819">index&gt;root&gt;CategoryCatalog.png&gt;9</label> 
    <input name="categories" type="checkbox" value="829" id="categoriesb-categories_829"> 
    <label for="categoriesb-categories_829">index&gt;root&gt;tv.png&gt;9</label> 
</div> 

のCSSスタイルを変更したい私は、入力とラベルのスタイルを変更したいのですが、私はCheckBoxMultipleChoiceでそれを行う方法がわかりません。

Answer 1

私はこのようにしました。 2つの方法があります。

1. CSSをHTMLページ自体に追加してください。 inside styleタグは以下のようなスタイルを追加しますが、同じスタイルを使用している場合は他のコンポーネントに影響します。あなたはoverride#appendHtmlをすることができますし、チェックボックス（例えば）buffer.append("class=\"yourStyleclass\"");ための独自のスタイルを導き出す

   .ca-info__cat-roles js-roles-1.expanded label{ 
       // Your style for label 
   }  
   .ca-info__cat-roles js-roles-1.expanded input{ 
       // Your style for input 
   } 
   

2.Another方法。

Answer 2

あなたがsetSuffixを（使用する必要がコンポーネントあなたのためのカスタムCSSを使用）、このようなsetPrefix（）メソッドに加えて：

checkboxes = new CheckBoxMultipleChoice<>("checkboxes", value); 
checkboxes.setSuffix("<br/>");