无法将<s：checkboxlist>显示为垂直列表

Question

我已经审核了this existing question，我试图实施CSS解决方案，但没有运气。

我的代码是否有仅CSS 解决方案？

JSP：

<s:checkboxlist list="membersList" name="members" listKey="membersId" class = "checkBoxListItem"
                                listValue="membersFirstName" />

CSS

label[for*=members-]:after {
    content:"\A"; white-space:pre;
}

标签生成的HTML：

Answer 1

好的，我找到了解决方案。说实话真的很容易！ 我刚刚更改了复选框标签的display属性

[type="checkbox"]+label {
    display: block;
}

现在复选框看起来像这样

实现此目标的另一种方法是：

[type="checkbox"]:not(:checked), [type="checkbox"]:checked {
    position: relative;
    left: -9999px;
    opacity: 0;
    display: block;
}

希望这可以帮助人们解决同样的问题！