Tailwind深色模式切换无颜色过渡的解决方法咨询

我的Tailwind配置：

darkMode: 'selector',

body标签上的类：

dark:bg-black dark:text-white transition-colors duration-1000

还尝试添加了默认样式：

bg-white text-black

也试过用：

transition-all

通过按钮切换html标签上的dark类，深色模式能正常切换，但颜色没有过渡效果（网站其他过渡功能正常）。请问怎么实现颜色过渡？

• 给html元素也加上背景色和过渡属性
  浏览器对body的背景色过渡支持有特殊情况，因为body背景会延伸到html视口区域。把背景色和过渡移到html标签，或者同时给html和body设置：

<html class="bg-white text-black dark:bg-black dark:text-white transition-colors duration-1000">
<body class="transition-colors duration-1000">
  <!-- 页面内容 -->
</body>
</html>

• 确认过渡属性未被覆盖
  检查浏览器开发者工具，看body元素的transition属性是否存在，有没有被其他自定义CSS或高优先级类覆盖。确保transition-colors或transition-all是直接应用在元素上（不是仅在dark模式下）。

• 明确指定过渡属性
  如果transition-colors不生效，手动指定要过渡的属性：

<body class="bg-white text-black dark:bg-black dark:text-white transition-[background-color,color] duration-1000">

这样能精准控制过渡的属性，避免默认规则遗漏。

内容的提问来源于stack exchange，提问作者panthro