顺风深色模式无法使用前缀,为什么?

问题描述 投票:0回答:2

在我使用前缀之前,我可以正常使用黑暗模式,但是在我的顺风类中添加前缀后,我不能再使用黑暗模式了,有人知道如何使用前缀切换黑暗模式吗?,请

tailwind-css prefix darkmode
2个回答
6
投票

您的前缀也需要出现在深色模式类中。 下面的示例假设您配置了

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>

0
投票

唯一对我有用的是@servetoz response。您应该在 tailwind.config.js 中设置

darkMode: ['class', '[class*="dark"]']

© www.soinside.com 2019 - 2024. All rights reserved.