Wicket CheckBoxMultipleChoice

Question

如何更改CheckBoxMultipleChoice的渲染html的CSS样式？ CheckBoxMultipleChoice默认渲染此html输出，但我想更改此渲染输出的CSS样式

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

我想更改输入和标签的样式，但我不知道如何使用CheckBoxMultipleChoice。

Answer 1

我这样做了。

有两种方式

1. 在html页面中添加CSS。在style标签内添加你的风格如下，但如果你有相同的风格，这将影响其他组件。

   .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.另一种方式您可以override#appendHtml并为复选框派生自己的风格（例如）buffer.append("class=\"yourStyleclass\"");。

Answer 2

除了为你的组件使用自定义css之外，还必须使用setSuffix（）和setPrefix（）方法，如下所示：

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