在tailwind css示例中设置单选按钮的样式无效

在tailwind css示例中设置单选按钮的样式无效,css,tailwind-css,Css,Tailwind Css,上面的第四个示例(在构建了您想要的任何东西之后,严肃地说(截至2021年4月))是一张卡片,第一种类型很简单,卡片的标题是Classic Utility Jacket 此示例包含一个无线电组,您可以在其中选择夹克的尺寸,范围从“XS”到“XL” 这些单选按钮的样式为不显示单选圆圈、选定按钮具有圆角矩形且标签位于圆角矩形的中心 但是,当我自己尝试示例时,将示例代码复制并粘贴到我的项目中,单选按钮与示例中的任何东西都不一样 同样的情况也发生在顺风运动场上,下面是一个例子(不要介意图片丢失): 我试

上面的第四个示例(在构建了您想要的任何东西之后,严肃地说(截至2021年4月))是一张卡片,第一种类型很简单,卡片的标题是Classic Utility Jacket

此示例包含一个无线电组,您可以在其中选择夹克的尺寸,范围从“XS”到“XL”

这些单选按钮的样式为不显示单选圆圈、选定按钮具有圆角矩形且标签位于圆角矩形的中心

但是,当我自己尝试示例时,将示例代码复制并粘贴到我的项目中,单选按钮与示例中的任何东西都不一样

同样的情况也发生在顺风运动场上,下面是一个例子(不要介意图片丢失):

我试着安装并使用$tailwindcss/forms插件,但没有多大帮助


要使示例正常工作,我缺少什么?

我认为您可能需要
@tailwindcss/forms
插件


查看来自Tailwind Lab的此视频

查看更新的Tailwind Playerd:谢谢,但它看起来不像Tailwind自己的原始示例。以下是他们网页上的外观:-问题是,因为这是一个原始的tailwind示例,我认为我设置tailwind的方式一定有问题,缺少某种设置pr插件。