Tailwind CSS 顶部和底部边框不起作用

Question

我试图仅在顶部和底部放置边框（不是右或左）。

据我所知，没有冲突的 css 标签

如果我使用以下内容，它不会显示任何内容：

className="border-y-2 border-gray-3 h-24 ml-4 mb-0 w-full"

如果我使用它，它会在所有边上显示边框...

className="border-solid border-y-2 border-gray-3 h-24 ml-4 mb-0 w-full"

我在顺风文档中遗漏了什么吗？ https://tailwindcss.com/docs/border-width#customizing-your-theme

Answer 1

最常见的错误是忘记添加

@tailwind base

.
在其中，它将

border-style: solid

应用于所有元素以及默认的

border-color

。

此外，

border-gray-3

不是顺风的默认颜色。也许您的意思是

border-gray-300

？