提纲不起作用了。我做错什么了吗？

Question

我不知道为什么背景颜色工作，但轮廓颜色不

这是我的代码块

<span className={
  `
    block w-4 h-4
    bg-${legend[key as keyof typeof legend].color}
    rounded-full
    outline outline-${legend[key as keyof typeof legend].color}
  `
} />

一切都好，但轮廓颜色不是。应该是绿色或粉红色

UI：

​

DOM：

​

我使用的是全版本的顺风配置

​

Answer 1

可能是Tailwind清除了outline类，因为它不在代码中的其他地方(以全文形式出现，例如outline-green-100)，并且背景色是。

您可以通过直接和不动态地插入outline颜色类来测试这一点。如果它在您直接放在那里时工作，您可以向safelist https://tailwindcss.com/docs/content-configuration#safelisting-classes添加大纲颜色类，然后再动态地使用它。