tailwindcss 中color=#121212然后在className中使用 text-$color 无法出现效果
在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文档中的"自定义颜色"部分,了解如何定义和使用自定义颜色。
希望这可以帮助到您。如果您有任何其他问题,请随时提问。
原文地址: https://www.cveoy.top/t/topic/i0aB 著作权归作者所有。请勿转载和采集!