如何在 group-hover Tailwind Css 中执行光标:指针?

Viv*_*tel 4 tailwind-css

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

<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>
Run Code Online (Sandbox Code Playgroud)

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

pra*_*ant 5

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