暗模式开关CSS未显示

提问者：小点点

这里，我有一个黑色的主题开关在顶部导航栏，它实际上只是一个复选框，但通过CSS，它变成了一个开关。这是W3Schools的代码，但我做了一些小的编辑，我做错了什么？

注意:以前它工作得很好，但是在我更新了css.css或者js.js之后它坏了，我不记得了。

非常感谢您的帮助，谢谢！:）

共2个答案

匿名用户

我解决了它

<label class="switch" onclick="toggleDarkMode()">
    <input type="checkbox" id="darkModeSwitch" class="">
    <span class="slider"></span>
</label>

从span中删除onclick=“ToggleDarkMode()”并添加到标签中

匿名用户

您需要将onclick事件添加到复选框中。

更改此。。。

<input type="checkbox" id="darkModeSwitch" class="">
<span class="slider" onclick="toggleDarkMode()"></span>

对此。。。

<input type="checkbox" id="darkModeSwitch" class="" onclick="toggleDarkMode()">
<span class="slider"></span>

附注。如果您正在使用什么东西将复选框转换为“开关”，您可能还想检查为什么它不起作用。