我在项目中使用Tailwind CSS,由于我们的应用程序样式正在使用默认字体颜色,但是我似乎找不到如何在Tailwind中实现这一点的方法。 文档 页面仅介绍了如何扩展颜色调色板,但没有说明如何设置默认颜色。
你有什么想法吗?
我在项目中使用Tailwind CSS,由于我们的应用程序样式正在使用默认字体颜色,但是我似乎找不到如何在Tailwind中实现这一点的方法。 文档 页面仅介绍了如何扩展颜色调色板,但没有说明如何设置默认颜色。
你有什么想法吗?
我最终以最蠢的方式解决了这个问题,在全局CSS文件中:
html {
@apply text-gray-800
}
不太好看,但至少我可以使用Tailwind类
有几个选项可供选择,您可以向 <body>
或 <html>
标记添加类:
<!doctype html>
<html lang="en">
<body class="text-green-500">
</body>
</html>
或者你可以在你的index.css
文件中直接扩展基础层:
@tailwind base;
@layer base {
html {
@apply text-green-500;
}
}
@tailwind components;
@tailwind utilities;
让我们来看一个Tailwind Play示例
@apply text-fg
中使用它。 - Martin Schaer我在尝试编辑tailwind.config.js
文件时来到了这里。
以下是需要的步骤:
const plugin = require('tailwindcss/plugin');
module.exports = {
// ...
plugins: [
plugin(({addBase, theme}) => {
addBase({
// or whichever color you'd like
'html': {color: theme('colors.slate.800')},
});
})
],
}
你能否将属性添加到body标签中?
<body class="text-gray-800"></body>
p, h1, h2, h3, h4, h5, h6 {
color: green;
}
theme()
在CSS中访问它们。 - pilchard