I want to create a check box like!
<label id="sliderLabel">
<input type="checkbox" />
<span id="slider">
<span id="sliderOn">SELECTED</span>
<span id="sliderOff">SELECT</span>
<span id="sliderBlock"></span>
</span>
</label>
but when i increase the width of the checkbox . It is not working. Here is my code jsfiddle
I’m assuming you didn’t make this yourself? you just have to play with the values a little, until you get the desired sizes…