これは、マテリアルデザインスタイルのラジオボタンやチェックボックスのプラグインを作った純粋なCSS3です。プラグインするだけの導入は、CSSファイルを指定して、特定のHTML構造で、あなたは美しいマテリアルデザインスタイルのラジオボタンやチェックボックスを生成することができます。
CSS3マテリアルデザインスタイルのラジオボタンやチェックボックスが純粋GitHubのアドレス: https://github.com/bantikyan/icheck-material
デモのダウンロード元: https://tc5.us/file/21793581-403946075
デモスクリーンショット:
いいえ、間違ったあなたのスクリーンショット
使用
ページ内の以下のファイルを導入。
< リンクREL = "スタイルシート" HREF = "CSS / icheck-material.min.css" /> < リンクREL = "スタイルシート" HREF = "CSS / icheck材料-custom.min.css" />
チェックボックスのチェックボックスをオンにします。
< divのクラス= "icheck-材料・ティール" > < 入力タイプ= "チェックボックス" ID = "someCheckboxId" /> < ラベル用= "someCheckboxId" >確認するためにクリックしてください</ ラベル> </ DIV >
ラジオボタンラジオ。
< DIV クラス= "icheck-材料ティール" > < 入力タイプ= "ラジオ" ID = "someRadioId1" 名前= "someGroupName" /> < ラベル用= "someRadioId1" >オプション1 </ ラベル> </ divの> < divのクラス= "icheck-材料・ティール" > < 入力タイプ= "ラジオ" ID = "someRadioId2" 名前= "someGroupName" /> < ラベルのため= "someRadioId2" >オプション2 </ ラベル> </ DIV >
インラインスタイル。
< DIV クラス= "icheck-材料ティールicheckインライン" > < 入力タイプ= "チェックボックス" ID = "chb1" /> < ラベルのため= "chb1" >ラベル1 </ ラベル> </ DIV > < DIV クラス= "icheck-材料ティールicheckインライン" > < 入力タイプ= "チェックボックス" ID = "chb2" /> < ラベルのため= "chb2" >ラベル2 </ ラベル> </ divの>
いいえラベルありません。
< DIV クラス= "icheck-材料ティール" > < 入力タイプ= "チェックボックス" ID = "someCheckboxId" /> < ラベルのため= "someCheckboxId" </> ラベル> </ DIV >