Vue/Tailwind中的浮动标签

Question

我希望为输入表单字段找到一个浮动标签，将标签放在边框中，以便在我的Tailwind /Vue项目中使用。我看了几个选择：

1. https://csslayout.io/patterns/floating-label/，它只使用CSS。它在Tailwind之外运行得很好，但是当我导入Tailwind时它就停止工作了(我已经安装了Tailwind/Forms插件，但这似乎并没有修复它)。在添加Tailwind之后，我甚至无法键入文本框。为什么？

1. https://notiz.dev/blog/floating-form-field-with-tailwindcss更复杂，但我让它正常工作，直到我将它放入具有背景色的div中，然后占位符消失。

有人有什么建议吗？我是Tailwind公司的初学者，所以我猜我只是不知道一些基本的东西能让事情顺利进行。

Answer 1

我想我已经解决了我的问题。第一个示例需要在输入元素中指定type=text。它还需要将文本颜色设置为类似文本-黑色。我猜我在第二个例子中遇到的问题也将通过设置文本颜色来解决。谢谢。