在我使用前缀之前,我可以正常使用黑暗模式,但是在我的顺风类中添加前缀后,我不能再使用黑暗模式了,有人知道如何使用前缀切换黑暗模式吗?,请
您的前缀也需要出现在深色模式类中。 下面的示例假设您配置了
tw
作为前缀
<!-- add your prefix here too -->
<html class="tw-dark">
<body>
<!-- apply dark mode class with prefix -->
<div class="bg-white dark:tw-bg-black">
<!-- ... -->
</div>
</body>
</html>
如果您不想要
dark
类的前缀,请调整配置:-
/** tailwind.config.js */
prefix: 'tw-',
darkMode: ['class', '[class="dark"]',
...
这将允许您切换到深色模式而无需添加前缀
<!-- now no need to prefix tw-dark -->
<html class="dark">
</html>
唯一对我有用的是@servetoz response。您应该在 tailwind.config.js 中设置
darkMode: ['class', '[class*="dark"]']