Tailwind CSS边框颜色在网页上不起作用
瓦卡尔
我只是尝试使用tailwindcss，所以我陷入了非常基本的问题。我尝试了不同的tailwindcss实用程序分类，并且可以正常工作。但是现在我陷入了边界色
<div className="px-4 border-gray-900 border-solid">
<a href="#" className="block font-semibold">Menu1</a>
<a href="#" className="block ">Menu2</a>
<a href="#" className="block ">Menu3</a>
<a href="#" className="block ">Login</a>
</div>
我可以检查元素，并且将它与检查元素交叉，这意味着它不以某种方式不应用于dom。
module.exports = {
purge: [],
theme: {
extend: {
colors: {
primary: 'var(--color-primary)',
secondary: 'var(--color-secondary)',
negative: 'var(--color-negative)',
positive: 'var(--color-positive)',
'primary-background': 'var(--background-primary)',
'sec-background': 'var(--background-sec)',
'primary-text': 'var(--color-text-primary)',
},
},
backgroundColor: (theme) => ({
...theme('colors'),
}),
borderColor: (theme) => ({
...theme('colors'),
}),
},
variants: {
backgroundColor: ['active'],
borderStyle: ['responsive'],
},
plugins: [],
};
这就是我的tailwind.config.js的样子
附加图像 
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
jQuery $ this在网页上不起作用
- 2
在Tailwind CSS中制作动画选项卡？
- 3
填充空格后，Tailwind CSS截断
- 4
Flexbox Tailwind CSS内联块不起作用
- 5
在nrwl / nx Next js项目中使用Tailwind CSS
- 6
无法居中绝对位置（Tailwind.css）
- 7
HTML元素在Tailwind CSS中的位置
- 8
Tailwind.css或Bootstrap，我应该选择哪个？
- 9
Tailwind CSS-固定位置的页脚溢出
- 10
使用Tailwind CSS的侧边栏中的下拉菜单
- 11
在Tailwind CSS / AlpineJS中删除
- 12
Tailwind CSS：伪类之前
- 13
Tailwind CSS如何在React中设置href链接的样式？
- 14
如何配置汇总和PostCSS以捆绑LESS和CSS（Tailwind）
- 15
如何使用Tailwind修改svg图标颜色
- 16
在Tailwind CSS中用文字圈一下
- 17
Tailwind CSS和Alpine JS过渡问题
- 18
Tailwind CSS清除会删除所有黑暗的类
- 19
Tailwind CSS-响应断点作为组件
- 20
如何使用Tailwind CSS在列中自动放置新项目？
- 21
使用Tailwind CSS在Div之上
- 22
根据父类||更改CSS变量 Sass和Tailwind CSS
- 23
Tailwind CSS背景渐变不适用
- 24
当逆序在Tailwind中具有断点时，子级间距不起作用
- 25
自定义Cursor CSS在网页的某些部分上不起作用
- 26
少用点号（。）来应用Tailwind CSS类名
- 27
少用点号（。）来应用Tailwind CSS类名
- 28
少用点号（。）来应用Tailwind CSS类名
- 29
网格元素在Tailwind CSS中同时增长
我来说两句