hover - 边框样式在顺风悬停时不起作用

Question

我将顺风 v2.1.0 与 Laravel v8.12 一起使用

我正在尝试将鼠标悬停在带有顺风类的标签上，但它不起作用

<a href="/" class="text-gray-800 border-transparent border-b-2 hover:border-gray-600 hover:text-gray-800 px-3 py-2 text-sm font-medium uppercase">Home</a>

当我用border-gray-100或任何其他颜色替换border-transparent时，我可以看到悬停效果。

最初我不想要任何边框，这就是提到边框透明的原因。

可能是什么问题？

标签： hoverversionbordertailwind-css

Answer 1

我从这里找到了答案

<li class="outline-none hover:border-gray-700 border-transparent border-2 hover:border-current" ><a href="#">Info</></li>