将 TailwindCSS Forms 与 Blazor EditForm 结合使用不会删除 InputText 上的样式
Using TailwindCSS Forms with Blazor EditForm doesn't remove styling on InputText
使用 Tailwind forms 时，我希望我的 <InputText /> 元素没有样式，但它保留了文本输入的原始样式。
如果我做类似
的事情，效果很好
<input type="text" name="client_name" id="client_name" class="block w-full sm:text-sm border-gray-300 rounded-md">
如何在使用 TailwindCSS 表单时取消 <InputText /> 的内置样式？
您需要添加一个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 文档中解释了原因：
Note that for text inputs, you must add the type="text" attribute for these styles to take effect. This is a necessary trade-off to avoid relying on the overly greedy input selector and unintentionally styling elements we don't have solutions for yet, like input[type="range"] for example.
使用 Tailwind forms 时，我希望我的 <InputText /> 元素没有样式，但它保留了文本输入的原始样式。
如果我做类似
的事情，效果很好
<input type="text" name="client_name" id="client_name" class="block w-full sm:text-sm border-gray-300 rounded-md">
如何在使用 TailwindCSS 表单时取消 <InputText /> 的内置样式？
您需要添加一个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 文档中解释了原因：
Note that for text inputs, you must add the type="text" attribute for these styles to take effect. This is a necessary trade-off to avoid relying on the overly greedy input selector and unintentionally styling elements we don't have solutions for yet, like input[type="range"] for example.