【CSS】CSSで実装されたトグル、チェックボックス、ラジオボタンtoggle-checkbox-radio

CSS

toggle-checkbox-radio

March 31, 2018

toggle checkbox radioはCSSで実装されたトグル、チェックボックス、ラジオボタン。

Usage

toggle-checkbox-radio.cssもしくはtoggle-checkbox-radio.min.cssをインクルード。

<head>
...
<link href="path/to/toggle-checkbox-radio.css" rel="stylesheet" />
...
</head>

togglecheckboxまたはradioクラスを追加する。

Toggle

<label class="toggle">
    <input type="checkbox" />
</label>

Checkbox

<label class="checkbox">
    <input type="checkbox" />
</label>

Radio

<label class="radio">
    <input type="radio" />
</label>

MIT

Latest Posts

Related Posts