如何做光标:指针在组-悬停尾风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添加到您希望在悬停时获取指针的位置，它将解决