代码拉取完成,页面将自动刷新
Beautify Radio and Checkbox with pure CSS.
bower install --save magic-check
npm install --save magic-check
<link rel="stylesheet" href="bower_components/magic-check/css/magic-check.css">
Checkbox
<div>
<input class="magic-checkbox" type="checkbox" name="layout" id="1">
<label for="1">Normal</label>
</div>
<div>
<input class="magic-checkbox" type="checkbox" name="layout" id="2" checked="checked">
<label for="2">Checked</label>
</div>
<div>
<input class="magic-checkbox" type="checkbox" name="layout" id="3" disabled="disabled">
<label for="3">
Disabled
</label>
</div>
<div>
<input class="magic-checkbox" type="checkbox" name="layout" id="4" checked disabled="disabled">
<label for="4">Checked && Disabled</label>
</div>
Radio
<div>
<input class="magic-radio" type="radio" name="radio" id="11">
<label for="11">Normal</label>
</div>
<div>
<input class="magic-radio" type="radio" name="radio" id="22" checked>
<label for="22">Checked</label>
</div>
<div>
<input class="magic-radio" type="radio" id="33" disabled="disabled">
<label for="33">Disabled</label>
</div>
<div>
<input class="magic-radio" type="radio" id="44" disabled="disabled" checked>
<label for="44">Checked && Disabled</label>
</div>
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。