在Tailwind CSS中,颜色类名需要使用特定的格式。您可以通过在颜色值前面加上text-前缀来创建文本颜色类名。在类名中使用text-[${color}]的方式是正确的,但是您需要确保颜色值是Tailwind CSS中已定义的颜色。

在您提供的例子中,您使用的颜色值是#121212,这可能不是Tailwind CSS中已定义的颜色。可以尝试使用Tailwind CSS中已定义的颜色值,例如gray-900(深灰色)或black(黑色),并将其应用于类名中的文本颜色。

例如,在HTML中,您可以这样使用类名:

<p className="text-gray-900">Hello Tailwind CSS</p>

这将应用深灰色(gray-900)文本颜色到段落元素。

如果您想使用自定义颜色,您可以在tailwind.config.js文件中添加自定义颜色配置。请参考Tailwind CSS文档中的"自定义颜色"部分,了解如何定义和使用自定义颜色。

希望这可以帮助到您。如果您有任何其他问题,请随时提问。

tailwindcss 中color=#121212然后在className中使用 text-$color 无法出现效果

原文地址: https://www.cveoy.top/t/topic/i0aB 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录