@tailwindcss/forms 插件不适用于 React答案

【问题标题】：@tailwindcss/forms plugin not working with React@tailwindcss/forms 插件不适用于 React
【发布时间】：2022-01-10 10:04:58
【问题描述】：

我正在尝试使用 tailwindcss 插件表单，所以我通过 npm 使用 npm install @tailwindcss/forms 安装了它，并在我的 tailwindconfig @tailwindcss/forms 的表单部分中添加了依赖项 plugins: [ require("@tailwindcss/forms") ]。根据https://github.com/tailwindlabs/tailwindcss-forms，它现在必须处于活动状态，并且似乎已安装 - 至少在启动服务器后我没有收到错误消息。但是，在设置某些复选框的样式时，例如<input type="checkbox" class="rounded text-pink-500" /> 不应用样式。

【问题讨论】：

你有 create-react-app 吗？
@MWO 是的，我确实有 create-react-app
你是否按照文档安装了tailwind？tailwindcss.com/docs/guides/create-react-app
@MWO 是的，我检查了所有步骤，没有什么不同。定期应用 Tailwindcss 类

标签： reactjs forms npm tailwind-css

【解决方案1】：

在tailwind.config.js 中修改插件以使用class 策略。

// tailwind.config.js
plugins: [
 require("@tailwindcss/forms")({
   strategy: 'class',
 }),
],

并将form-checkbox 类添加到输入元素。

<input type="checkbox" class="form-checkbox rounded text-pink-500" />

这个方法对我有用。

【讨论】：