我正在向此待办事项列表应用添加暗模式。我正在使用jQuery，并且正在使用toggleClass()进行主题样式更改。但是，我无法获得body-dark类来影响浏览器中的样式。在开发工具中，我可以看到body-dark类已添加到<body>元素中，但背景在浏览器中仍为白色
$('#check').on('click', () => {
$('body').toggleClass('body-dark');
}); .body-light{background:#FDFFFC;}
.body-dark{background: #424B54;}<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<body class="body-light">
<input id="check" type="checkbox" class="checkbox" />
</body>此代码在钢笔和堆栈溢出引擎中运行完美，但是chrome没有显示相同的背景颜色变化。
我将代码放入笔中，您可以查看here以查看发生了什么，而不是将其放在此处。谢谢！
**：主题切换器功能位于js的底部
/* dark theme classes */