switch-input-css

A css library to use ios-styled check and radio buttons in your webpage Download source code

How to use

link all styles

<link rel="stylesheet" href="https://res.cloudinary.com/dcylypyc6/raw/upload/v1571529281/switch-input-all_lzhyom.css">

link all styles minified version

<link rel="stylesheet" href="https://res.cloudinary.com/dcylypyc6/raw/upload/v1571529281/switch-input-all.min_byyosh.css">

link blue style

<link rel="stylesheet" href="https://res.cloudinary.com/dcylypyc6/raw/upload/v1571529281/switch-input-blue_ltmhn2.css">

link red style

<link rel="stylesheet" href="https://res.cloudinary.com/dcylypyc6/raw/upload/v1571529281/switch-input-red_uxwzlf.css">

link yellow style

<link rel="stylesheet" href="https://res.cloudinary.com/dcylypyc6/raw/upload/v1571529281/switch-input-yellow_wx8kat.css">

link pink style

<link rel="stylesheet" href="https://res.cloudinary.com/dcylypyc6/raw/upload/v1571529281/switch-input-pink_j1mujp.css">

How To Use

just add label tag like:

<label class="switch-checkbox-default" >
<input type="checkbox"><span>Default</span>
</label>

<label class="switch-radio-default" >
<input type="radio"><span>Default</span>
</label>

to use the other colours, change the -default to the colour name for example:

<label class="switch-checkbox-blue" >
<input type="checkbox"><span>Blue</span>
</label>

<label class="switch-radio-yellow" >
<input type="radio"><span>Yellow</span>
</label>