Tailwind css，如何设置默认字体颜色？答案

【问题标题】：Tailwind css, how to set default font color?Tailwind css，如何设置默认字体颜色？
【发布时间】：2021-03-27 02:16:06
【问题描述】：

我在我的项目中使用 tailwind css，由于我们的应用程序样式，我们使用默认字体颜色，但是我似乎无法在 tailwind 中找到如何做到这一点，documentation 页面只讨论了扩展颜色调色板，但不是如何设置默认颜色。

关于如何实现这一点的任何想法？

【问题讨论】：

在文档中查看：Adding Base Styles。
哇哦，这不是tailwind.config.js 文件中的可配置属性吗？
您还可以在配置文件中指定theme 默认值，并使用theme() 在您的CSS 中访问这些默认值。

标签： javascript css tailwind-css

【解决方案1】：

我最终在一个全局 css 文件中以最愚蠢的方式解决了这个问题：

html {
  @apply text-gray-800
}

不漂亮，但至少我可以使用顺风类

【讨论】：

【解决方案2】：

你能把属性添加到body标签吗？

<body class="text-gray-800"></body>

【讨论】：

【解决方案3】：

只需在您的条目文件中导入一个普通样式表并在那里执行。例如

p, h1, h2, h3, h4, h5, h6 {
  color: green;
}

如果您使用像 React 这样的客户端框架，您还可以创建 Typography 组件。通常我首先创建一个 Text 组件，该组件具有我喜欢的字体大小、字体粗细、颜色和行高。然后我从该组件创建更多组件，例如段落、标题、显示...等，每个组件都有自己的大小、重量和行高。这样，我可以利用 JS（假设我想向 Text 组件添加新的 props），并且将来重构东西更容易，因为我所有的 Typography 组件都基于一个 Text 组件。

【讨论】：