【发布时间】：2014-05-08 03:12:28
【问题描述】：
我有这个复选框系统，只有 HTML 和 CSS 可切换下拉菜单，系统需要在 li 之前有一个复选框，它有一个子菜单。
我真的不知道如何将样式转换为带有<label> 的::after 或::before 元素，因此它适用于Firefox、Chrome、Safari 和最新的IE。
我将此链接添加到我的jsfiddle 以获取原始设计。
【问题讨论】：
-
你到底想完成什么？
-
您的 HTML 无效。列表项之间不能有元素。然后你需要在 LI 里面。一张你想要的图表会很有帮助。
-
如果您可以在 Chrome 中打开它，则行为正常，如果我必须将复选框移动到 li 中，我将不得不更改 css 行为。问题是在 Firefox 中，复选框样式没有按应有的方式显示，它们看起来像大复选框。必须有一种方法，无需 Javascript 即可使其看起来像 Firefox 内部的 chrome 上的。
-
Firefox 不支持复选框元素的样式。您需要使用伪元素，可能还要结合不透明度。