Question

我有一个手风琴菜单，我相信使用一个复选框来激活和停用展开，它使用下面的css根据它是否展开来转换箭头。

.expand input + *::before {
content: '»';
color: #ffffff;
font-size: 25px;
padding-right: 18px;
padding-top: 0;
float: left;
transition: all 0.2s;
margin-top: -5px;
}

.expand input:checked + *::before {
    transform: rotate(90deg);
    padding-right: 15px;
    padding-top: 15px;
}

我遇到的问题是我在手风琴中的<li>元素中使用了复选框，并且不希望将上述样式应用于这些复选框。

我似乎无法找到解决方法。

编辑**我意识到我过于复杂，我已经删除了扩展的列表项目并使用了反应引导手风琴，如果有一个复选框，它会扩展而无需使用。

Answer 1

您可以通过给出类似input.checkbox-hack：checked

的类来命名复选框

手风琴输入::之前的伪元素

1 个答案: