当前位置：首页 > 资源 > 网页特效 > 正文

漂亮的Checkbox复选框样式（开关切换按钮）

帝国模板之家 2020-11-26 网页特效 ℃ 评论

演示下载

本文标签： css3插件

这是一个纯粹的css库，用于用自定义美化常规复选框样式。

使用方法：

1.下载checkbox.css，并在html文档中加载样式文件。

<link rel="stylesheet" href="dist/css/checkboxes.css">

2.将CSS类添加到checkbox包装元素，如下所示：

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

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

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

...

转载请注明来源：漂亮的Checkbox复选框样式（开关切换按钮）

本文永久链接地址：https://www.moyouyouw.cn/code/810.html

郑重声明：本站所有主题/文章除标明原创外，均来自网络转载，版权归原作者所有，如果有侵犯到您的权益，请联系本站删除，谢谢！我们不承担任何技术及版权问题，且不对任何资源负法律责任。

这世上无忧无虑的人，反而相对寿命会长点。