npm @tailwindcss/forms插件无法与React配合使用

cpjpxq1n 于 2022-12-13 发布在 React

关注(0)|答案(2)|浏览(159)

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

npm

来源：https://stackoverflow.com/questions/70224449/tailwindcss-forms-plugin-not-working-with-react

2条答案

按热度按时间

wvmv3b1j1#

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

这个方法对我很有效。

赞(0）回复(0）举报 2022-12-13

gjmwrych2#

这个技巧对我来说很简单。它需要单独安装表单。
npm install @tailwindcss/forms-做到了这一点。希望它能对某人有所帮助！

赞(0）回复(0）举报 2022-12-13

我来回答

npm @tailwindcss/forms插件无法与React配合使用

2条答案

相关问题

热门标签

最新问答