reactjs - @tailwindcss/forms 插件不适用于 React

Question

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

Answer 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" />

这个方法对我有用。