blazor - 将 TailwindCSS 表单与 Blazor EditForm 一起使用不会删除 InputText 上的样式

Question

使用Tailwind forms时，我希望我的<InputText />元素没有样式，但它保留了文本输入的原始样式。

如果我做类似的事情，它工作正常
<input type="text" name="client_name" id="client_name" class="block w-full sm:text-sm border-gray-300 rounded-md">

<InputText />使用 TailwindCSS-forms 时如何去掉内置样式？

Answer 1

您需要添加一个type="text".

所以你会想要这样的东西：
<InputText type="text" id="client_name" @bind-Value="client.Name" class="block w-full sm:text-sm border-gray-300 rounded-md"/>

下面从@tailwindcss/forms 文档解释了原因：

请注意，对于文本输入，您必须添加 type="text" 属性才能使这些样式生效。这是一个必要的权衡，以避免依赖过度贪婪的输入选择器和无意的样式元素，我们还没有解决方案，例如 input[type="range"]。