我喜欢仅在 CSS 的帮助下通过单击按钮来切换主体的背景颜色。有什么办法可以做到。
function changeColor(color) {
document.body.style.background = color;
}
function color() {
changeColor('yellow');
} <button onclick = "color()">
Click here
</button>纯 CSS 解决方案是使用 acheckbox并创建另一个div具有所需颜色的。然后使用:checked您可以检查是否checkbox选中，并根据它更改display属性div。
*{
margin: 0;
padding: 0;
}
body{
background-color: white;
}
.bg{
width: 100vw;
height: 100vh;
background-color: yellow;
z-index: -1;
position: absolute;
top: 0;
display: none;
}
.toggle:checked + .bg{
display: block;
}<input type="checkbox" class="toggle">
<div class="bg">本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句