把复选框标签标签内导致问题出现，有：像显示

Question

我试图用一个flipswitch这里经过：前

http://proto.io/freebies/onoff/

我有，虽然我的问题是，我需要动态地创建这些开关，所以我不能在每一个上设置一个id（我也想通过javascript来避免这样做）。

我试着把复选框放在标签内，但是看起来这样会导致：before和after：onoffswitch-inner从示例中无法正常工作。我很不熟悉CSS和HTML，所以我有点卡住了。

任何帮助，将不胜感激。

Answer 1

很容易修复:-我建立了一个demo jsFiddle。

• 移动INPUT到LABEL，确保它出现之前<div class="onoffswitch-inner">

• 从上次CSS选择器（它是在选择中间的...）

  .onoffswitch-复选框删除.onoffswitch-label：检查+ .onoffswitch-label .onoffswitch-inner {margin} - left：0; }