active的三种写法代替radio和checkbox

效果图: 话不多说,直接上代码 active的三种写法代替radio和checkbox *, ul, li { margin: 0; padding: 0; list-style: none; } div { width: 400px; margin: auto; } ul { display: flex; justify-content: space-around; align-items: center; margin-top: 30px; } ul>li { width: 50px;