Tailwindcss4明暗主题切换不生效问题2025/03/13编程与技术Web前端TailwindCSS直接说问题及解决办法: `Tailwindcss4`升级后,修改了一些设定,在tailwind3版本月上老狗 @dingdangdog渲染中...直接说问题及解决办法: `Tailwindcss4`升级后,修改了一些设定,在tailwind3版本是,可能只需要设置 `darkMode: 'class',` 就自动生效了,但在Tailwind4之后,需要额外配置一个参数,在你的 `css` 中引入如下配置: ```css @import 'tailwindcss'; /* 重点 */ @custom-variant dark (&:where(.dark, .dark *)); ``` 经过这个配置后,你就可以想 `tailwindcss3` 中那这样使用 `dark:` 来控制 ui 主题颜色了! <!-- more --> END 登录后收藏评论登录后查看和发表评论前往登录