首页  编辑  

CSS中对input checkbox/radio checked状态时指定不同的样式

Tags: /计算机文档/网页制作/   Date Created:
一种CSS的写法,例如对 class 为 accordion 下面的 input(name 为collapse的 radio input对象,其值为 checked时,对下面的label对象 伪style before设置:
HTML Expand Collapse Text without JavaScript - Codeconvey
.accordion > input[name="collapse"]:checked ~ label:before {
    transform: rotate(180deg);
    transform-origin: center;
    transition: 0.4s;
}