问题标签 [tailwind-in-js]

我有以下代码，并希望有一个使用 Tailwind CSS 的工作步进器。有人可以帮忙吗？我想知道如何在 React 或 Next JS 中使用 Tailwind CSS 创建步骤

我创建了如下步骤：并且我只能在更改 activeStep useState(0)、useState(1)、useState(2) 时访问这些步骤

我创建了一个 switch 案例来测试它（案例 0、案例 1 和案例 2）。

我有一个 RichText，在 prismic 中有两个文件（条款和条件），我想在新选项卡中打开，在 prismic 中没有像 target _blank 或类似的选项，我正在使用带有 Tailwind CSS 的 NextJs

我最近在我的 Next.js 应用程序中升级了 Tailwind 版本，结果，一些事情变得不稳定。我注意到，对于具有该type="text"属性的输入字段，它们的边框现在变为不同的颜色——我从未指定过——当它们被关注时。在升级 Tailwind 之前，当文本输入字段悬停并聚焦时，边框颜色保持不变。有趣的是，这不会发生在我的任何其他不包含该type="text"属性的表单字段中。如果有人能解释为什么会发生这种情况以及我如何解决这个问题，我将非常感激。

这是悬停在文本输入字段上时的图像： 悬停时的 文本输入字段（预期）

这是该文本输入字段的图像，当它被聚焦时： Text Input Field While Focused On (Unintended)

我的 React/tailwind 应用程序中的文本没有溢出时遇到问题。我希望文本可以在移动设备上水平滚动，但我的文本似乎被包含在内，如果我让屏幕变小，容器会不断调整大小而不是溢出。在任何其他应用程序中，这将是天赐之物，但我需要它溢出，以便我可以滚动它，就像您在移动设备上查看本网站上的链接一样......

https://www.glossier.com/

lossier.com 水平滚动示例

目前我的代码看起来像这样。正如您所看到的，文本通过彼此堆叠而不是每个字母并排放置，从而适合其各自 div 内的大小。

我的应用示例

这是我的组件的代码：

我正在尝试在我的样式化组件 globalstyle 中导入 tailwind，以设置基本样式。

下面的代码不起作用，那么关于如何使它起作用的任何建议？

我想创建一个输出

主页 / 图书馆 / 数据

这是我的 HTML

这是我在顺风 css 中的 css。

我错过了什么还是我需要在配置中的某个地方进行设置？

我使用了下面的代码，但我无法覆盖填充。我看到它已经解决了，但是任何人都可以使用顺风解决吗？

有没有办法在 2 秒内设置bg-red-300和淡化/过渡到bg-transparent或不同的 bg 类，或者我需要 javascript 吗？我想要一个元素突出显示，然后在 2 秒后恢复正常。谢谢！

我目前正在构建一个 VUE 应用程序。我需要在我的tailwind.config.js 文件中将litepie-datepicker中的原色自定义为#A7F3D0(emerald series)。

我试过这些代码。但没有任何工作

这是我的 tailwind.config.js 文件

我已经在 StackOverflow 上搜索了问题，但没有找到令人满意的答案。我希望有人回答这个问题。

先感谢您。

我正在尝试创建一个时间线，在反应应用程序中，时间线左侧有奇数子元素，右侧有偶数子元素。图像演示：

我认为我遇到的问题是我在循环中使用它。因此，对于循环中的每个项目，我希望它显示在左侧或右侧，具体取决于孩子是偶数还是奇数。我曾尝试将变体实用程序与 Tailwind 一起用于奇数和偶数，但我无法对其进行配置。我也尝试过使用简单的 CSS，但无法让它交替使用。

/project.js

索引.css

我只需要申请

和

到容器和指针 div 上