0

私はここに示されているようなフリップスイッチを使おうとしています:

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

私が抱えている問題は、これらのスイッチを動的に作成する必要があるため、それぞれにIDを設定できないことです(javascriptを介してこれを行うことも避けたいです)。

ラベル内にチェックボックスを入れてみましたが、例の「onoffswitch-inner」の:beforeと:afterが正しく機能しないようです。私はCSSとHTMLにかなり不慣れなので、ちょっと行き詰まっています。

どんな助けでもいただければ幸いです。

4

1 に答える 1

2

簡単に修正:-pデモjsFiddleを設定しました。

  • に移動INPUTし、LABEL前に表示されていることを確認します<div class="onoffswitch-inner">
  • .onoffswitch-label最後のCSSセレクターから削除します(セレクターの真ん中にあります…)

    .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {margin-left:0; }

于 2013-01-02T22:32:10.203 に答える