把複選框標籤標籤內導致問題出現，有：像顯示

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