纯CSS3炫酷checkbox美化库checkboxes.css

当前位置:主页 > CSS3库 > UI界面设计 > 纯CSS3炫酷checkbox美化库checkboxes.css
纯CSS3炫酷checkbox美化库checkboxes.css
分享:

    插件介绍

    checkboxes.css是一款纯CSS3炫酷checkbox复选框美化库。checkboxes.css可以通过在HTML代码中简单的class配置,生成多种不同效果的checkbox美化样式。

    浏览器兼容性

    浏览器兼容性
    时间:09-05
    阅读:
简要教程

checkboxes.css是一款纯CSS3炫酷checkbox复选框美化库。checkboxes.css可以通过在HTML代码中简单的class配置,生成多种不同效果的checkbox美化样式。

checkbox复选框美化效果

使用方法

在页面中引入checkboxes.css文件。

<link rel="stylesheet" type="text/css" href="css/checkboxes.css">
                
HTML结构

使用下面的代码来制作一个checkbox,需要特别注意的是它的name="ckbx-square-1"属性。

<div class="ckbx-square-1">
  <input type="checkbox" checked id="ckbx-square-1-2" value="0" name="ckbx-square-1">
  <label for="ckbx-square-1-2"></label>
</div>
                

更多关于checkboxes.css checkbox复选框美化库的信息请参考github官方主页:https://github.com/hunzaboy/CSS-Checkbox-Library