无法让 <s:checkboxlist> 显示为垂直列表

【问题标题】：Cannot get <s:checkboxlist> to display as a vertical list无法让 <s:checkboxlist> 显示为垂直列表
【发布时间】：2016-06-13 00:54:09
【问题描述】：

我查看了this existing question 并尝试实施 CSS 解决方案，但没有运气。

对于我已有的代码，是否有 CSS only 解决方案？

JSP：

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

CSS

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

标签生成的HTML：

【问题讨论】：

标签： java html css struts2

【解决方案1】：

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

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

现在复选框看起来像这样

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

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

希望这可以帮助遇到同样问题的人！

【讨论】：