CSS 之选择器（五）
往期链接：
「CSS之选择器」
前言
昨天我们通过：hover 选择其实实现一个鼠标划入，显示 tips 的效果。如果年看过的话，应该会对 css 有一个新的认识了。今天我们要介绍另外一个选择器，：checked。
：checked
:checked：作为表单节点中选中后选项的状态，用于<input>的type设置成radio和checkbox的时候，模拟鼠标的点击事件。
实现
实现其实不是很难，主要还是通过：checked 选择器来控制按钮的位置，以及背景色.
当点击的时候，会触发：checked，这个时候可以做一些自己的操作，进行按钮的滑动，动效，背景色等等。
当再次点击的时候取消，checked 状态，这个就走你的默认样式，默认样式也可以根据自己的需求来，比如一个开关的关闭状态，再或者可以加上提示文字等等，这里不在赘述。
代码如下：
复制代码
复制代码
好，今天就到这里了,一会要去吃好吃的了，我得赶紧去了，拜了个拜，再见各位。今天努力的你依然是最棒的。加油，加油，你最棒！加油，加油，你最强！哦豁，Bye Bye！！！
爱瞎搞的软件开发工程师 2021.06.10 加入
某摸鱼集团
评论