如何在 group-hover Tailwind Css 中执行光标：指针？

Question

我一直在尝试像这样更改组悬停上的光标，

<nav class="bg-indigo-800 flex justify-center w-screen">
        <div class="mt-2 flex justify-between items-center w-11/12 h-16 bg-gradient-to-t">
            <div class="w-16">
                <img class="w-full" src="./images/Logo.png" alt="logo">
            </div>
            <div class="group">
                <div class="group-hover:border-white group-hover:hover:cursor-pointer mb-1 w-6 border-t-2"></div>
                <div class="group-hover:border-white group-hover:hover:cursor-pointer mb-1 w-6 border-t-2"></div>
                <div class="group-hover:border-white group-hover:hover:cursor-pointer mb-1 w-6 border-t-2"></div>
            </div>
        </div>
    </nav>

但不支持猜测，那么有没有其他方法可以做到这一点？

Answer 1

只需添加hover:cursor-pointer您想要将鼠标悬停在何处即可解决