我最近在Next.js应用程序中升级了Tailwind版本，结果，有一些东西变得不稳定了。我注意到，对于具有type="text"属性的输入字段，当它们被聚焦时，它们的边框现在更改为不同的颜色--我从未指定过这种颜色。在升级Tailwind之前，当文本输入字段被悬停和聚焦时，边框颜色保持不变。有趣的是，这不会发生在我的任何其他表单域，不包括type="text"属性。如果有人能解释为什么会发生这种情况，以及我如何修复它，我将非常感激。
以下是悬停在文本输入字段上时的图像：Text Input Field While Hovered On (Intended)
以下是该文本输入字段聚焦时的图像：Text Input Field While Focused On (Unintended)
3条答案
按热度按时间cbeh67ev1#
原来我所需要做的就是删除我包含在tailwind.config.js中的tailwindcss/forms插件。
hpxqektj2#
表单插件在输入的周围放置了一个边框和环属性，我可以告诉你。
您可以通过设置
focus:ring-0并使用focus:border-none覆盖边框颜色来删除蓝色默认环，也可以将其替换为您选择的颜色。vnjpjtjt3#
如果你在项目中没有使用tailwindcss/forms，请从tailwindconfig文件的plugin部分删除它。