文件名称：CSS3复选和单选样式工具Magic-Input.zip
文件大小：109KB
文件格式：ZIP
更新时间：2022-08-07 22:21:45
开源项目
CSS3样式复选框和单选按钮看起来更漂亮。只有一个input元素。在线demo源码：https://github.com/dcsite/magic-input使用$ npm install magic-input你需要引入 dist/magic-input.css或者dist/magic-input.min.css 文件到你的工程或者HTML中。如果你使用Stylus 你就可以使用 magic-input.styl 文件<link rel="stylesheet" type="text/css" href="dist/magic-input.min.css">Checkbox iPhone 的样式<input type="checkbox" class="mgc-switch mgc-sm" checked /> <input type="checkbox" class="mgc-switch" /> <input type="checkbox" class="mgc-switch mgc-lg" checked />Checkbox<input type="checkbox" class="mgc" checked/> Default <input type="checkbox" class="mgc mgc-primary" checked /> Primary <input type="checkbox" class="mgc mgc-success" /> Success <input type="checkbox" class="mgc mgc-info" checked /> Info <input type="checkbox" class="mgc mgc-warning" checked /> Warning <input type="checkbox" class="mgc mgc-danger" checked /> DangerRadios<input type="radio" name="radio3" class="mgr mgr-sm"/> Default <input type="radio" name="radio3" class="mgr mgr-primary" /> Primary <input type="radio" name="radio3" class="mgr mgr-success mgr-lg" checked/> Success <input type="radio" name="radio3" class="mgr mgr-info mgr-sm" /> Info <input type="radio" name="radio3" class="mgr mgr-warning" /> Warning <input type="radio" name="radio3" class="mgr mgr-danger mgr-lg" /> Danger设置input大小的classsm 是 small的缩写 , lg 是 large缩写在 Checkbox中设置下面class mgc-sm mgc-lg在 Radio Button中设置下面 mgr-sm mgr-lg改变颜色的 Class在 Checkbox中设置下面class mgc-primary mgc-info mgc-success mgc-warning mgc-danger在 Radio Button中设置下面mgr-primary mgr-info mgr-success mgr-warning mgr-danger 标签：Magic CSS框架
【文件预览】：
magic-input-master
----.gitignore(28B)
----README.md(2KB)
----.github()
--------FUNDING.yml(398B)
----package.json(900B)
----dist()
--------magic-input.min.css(5KB)
--------magic-input.css(6KB)
----img()
--------mg1.gif(34KB)
--------mg3.gif(58KB)
--------mg2.gif(24KB)
----.npmignore(9B)
----index.html(7KB)
----lib()
--------mixins.styl(2KB)
--------magic-input.styl(3KB)