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

Posted 2023-03-07

【中文标题】Tailwind - 链接在悬停时没有默认光标指针

【英文标题】：Tailwind - Links do not have the default cursor pointer on hover

【发布时间】：2021-11-11 04:12:31

【问题描述】：

我们在项目中使用 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

【问题讨论】：

我什至在你链接的操场上也遇到了问题。在 macOS 上，另一个程序是我的原因。见***.com/a/35212344/860205

【参考方案1】：

你试过了吗

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

a 
    @apply cursor-pointer;

【讨论】：

我做到了。它没有向链接 css 属性添加任何内容。真的很奇怪。

【参考方案2】：

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