html 不显示多选框,html – CSS复选框事件不起作用

您没有使用正确的选择器.

B + E: Any E element that is the next sibling of a B element (that is:

the next child of the same parent)

你在DOM中根本没有id #menuOverlay的元素.

这将适用于您当前的css的唯一方法如下：

#menuToggle {

height: 24px;

width: 24px;

position: absolute;

top: 0;

left: 0;

margin: 0;

padding: 0;

cursor: pointer;

opacity: 0;

}

#menuToggle:checked + #menuOverlay {

position:fixed;

top:0;

left:0;

width:100%;

opacity:0.95;

z-index: 3;

}

@media only screen and (min-width: 0px) and (max-width: 768px) {

input#menuToggle:checked + #menuOverlay {

background:#000;

height:100%;

}

}

@media only screen and (min-width: 769px) {

input#menuToggle:checked + #menuOverlay {

background:#1f1f1f;

width:100%;

height:100%;

}

}

≡