Tailwind - 链接在悬停时没有默认光标指针

Question

我们在项目中使用 Tailwind CSS。默认情况下，任何 标记都应将鼠标指针更改为 cursor:pointer。在我们正常的 HTML 设计中，这可以正常工作，但是当转换为 ReactJS 时，所有链接都显示正常的光标，而不是指针。

所以，我想强制 cursor:pointer 指向 Tailwind 输出 style.css 中的 a-href 元素。我试过了：

@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
    a {
        @apply cursor-pointer;
    }
}

那没有用。在检查 chrome 中的任何链接元素时，我在 <a href*> 标签的 css 中看不到 cursor: pointer。

这很奇怪，因为我在顺风操场上摆弄了一下，它奏效了，但在我的项目中却没有： https://play.tailwindcss.com/d3rpFZd6gM?file=css

Answer 1

你试过了吗

@tailwind base;
@tailwind components;
@tailwind utilities;

a {
    @apply cursor-pointer;
}

Answer 2

我知道顺风游乐场正在运行而我的项目没有运行，我快疯了。所以，我顺风顺水到最新版本，它就像一个魅力。