reactjs - 如何防止 Tailwind 在聚焦时更改文本输入字段的边框？

Question

我最近在我的 Next.js 应用程序中升级了 Tailwind 版本，因此，一些事情变得不稳定。我注意到对于具有 type="text" 属性的输入字段，当它们被聚焦时，它们的边框现在会更改为不同的颜色——我从未分配过这种颜色。在升级 Tailwind 之前，当文本输入字段悬停并聚焦时，边框颜色保持不变。有趣的是，这不会发生在我的任何其他不包含 type="text" 属性的表单字段中。如果有人能解释为什么会发生这种情况以及我该如何解决这个问题，我将不胜感激。

这是悬停在文本输入字段上时的图像: Text Input Field While Hovered On (Intended)

这是该文本输入字段聚焦于以下内容时的图像: Text Input Field While Focused On (Unintended)

Answer 1

原来我需要做的就是删除我包含在 tailwind.config.js 中的 tailwindcss/forms 插件。