css实现接地气的checkbox框-白红宇的个人博客

css实现接地气的checkbox框

发布日期：2021-05-09 07:04:18 浏览次数：23 分类：精选文章

本文共 735 字，大约阅读时间需要 2 分钟。

1.前言

我做的项目中，很少默认用原生的样式，甚至连下拉框都很少用select框，不过，原生也有原生的好处，来得快，没有什么大问题。如果是自己用html+css去拼接的话，样式会好看一点。不过应人而异了。我还是比较喜欢去拼接一些。那今天就教大家如何在自己的项目中做接地气的checkbox框呢？

2.详情

1.css样式

body{font-family:'微软简行楷'}ul li{list-style:none; margin:10px;color:#4985d7;}.myCheck { display: none;  }.myCheck + label { background-color: white;  border: 1px solid #d3d3d3;  width: 20px; height: 20px;  display: inline-block;  text-align: center; vertical-align: middle;  line-height: 20px; margin-right: 5px; }.myCheck:checked + label {  background-color: #eee; }.myCheck:checked + label:after {  content: "\2714";   }

2.html内容

ul class="cleanfloat">        苏
        小苏
        苏小苏
        苏小苏-CSDN
        苏小苏-checkbox
        苏小苏的博客

3.展示效果

3.总结

大家也可以根据自己的需要，自行变换样式与颜色！

上一篇：简单实现大方接地气的五角星评分

下一篇：完整版百度地图点击列表定位到对应位置并有交互动画效果demo

发表评论

关于作者

喝酒易醉，品茶养心，人生如梦，品茶悟道，何以解忧？唯有杜康！

-- 愿君每日到此一游！

推荐文章

Kubernetes包管理工具Helm详解 2025-04-03

Kubernetes单master节点高可用集群安装 2025-04-03

Kubernetes原理详解 2025-04-03

Kubernetes原生的CICD工具Tekton详解 2025-04-03

Kubernetes多master节点高可用集群安装 2025-04-03

Kubernetes存储之Persistent Volumes简介 2025-04-03

Kubernetes学习总结（10）—— 何为云原生，与 kubernetes 是什么关系 2025-04-03

Kubernetes学习总结（11）—— Kubernetes Pod 到底是什么？ 2025-04-03

Kubernetes学习总结（12）—— 学习 kubernetes 的10个技巧或建议 2025-04-03

Kubernetes学习总结（13）—— Kubernetes 各个组件的概念 2025-04-03

Kubernetes学习总结（14）—— Kubernetes 实用命令总结 2025-04-03

Kubernetes学习总结（15）—— Kubernetes 实战之部署 Mysql 集群 2025-04-03

Kubernetes学习总结（16）—— Kubernetes 实战之部署 Redis 集群 2025-04-03

Kubernetes学习总结（17）—— Kubernetes 快速入门需要掌握的知识点总结 2025-04-03

Kubernetes学习总结（18）—— Kubernetes 容器网络 2025-04-03

Kubernetes学习总结（1）——Kubernetes入门简介 2025-04-03

Kubernetes学习总结（2）——Kubernetes设计架构 2025-04-03

Kubernetes学习总结（3）——一年时间打造全球最大规模之一的Kubernetes集群，蚂蚁金服怎么做到的？ 2025-04-03

Kubernetes学习总结（4）——Kubernetes v1.20 重磅发布 | 新版本核心主题 & 主要变化解读 2025-04-03

Kubernetes学习总结（5）——Kubernetes 常见面试题汇总 2025-04-03

白红宇的个人博客 - 记录点点滴滴的事 - 您是第 465773267 位访客

发表评论

最新留言

关于作者

推荐文章