移动端点击后样式一直为 hover 下的样式

[521xueweihan]

上述问题出现在移动端访问时，问题的页面和具体位置如下：

• 月刊的上一页、下一页，点击后一直处于 hover 状态下的样式

• 项目详情的 moreInfo 组件点击“展开”，收缩一直处于 hover 状态下的样式

[lalawow]

You can check this comment on tailwind's board . It might be able to solve your issue.
tailwindlabs/tailwindcss#1739 (comment)

[cqh963852]

• 月刊的上一页、下一页，点击后一直处于 hover 状态下的样式

vercel/next.js#33060

关于 link 的 focus 状态，是 nextjs 的设计

[521xueweihan]

@lalawow @cqh963852
感谢帮助，已按照 @lalawow 提供的解决方案解决「移动端 hover 样式的异常」

解决办法：

// tailwind.config.js
module.exports = {
  future: {
    hoverOnlyWhenSupported: true,
  },
  // ...
}

提示：该解决方案 tailwind 必须为 3.1 版本以上