如何使用daisyUI（Tailwind CSS）使主体透明？
not*_*tly 6 html css electron tailwind-css daisyui
我最近开始开发Electron应用程序，并且使用daisyUI的 Tailwind CSS 组件来显示用户界面的外观。我想让应用程序的主窗口变圆；然而，daisyUI 使这项任务变得非常具有挑战性。
正如您在下面的屏幕截图中看到的，默认情况下，daisyUI 会向正文添加背景颜色。我将.bg-transparent类添加到body标签中，以便使背景透明，但 daisyUI 不允许应用更改（注意角落）：
相反，如果我不将daisyUI的CSS文件添加到head标签中，body就会变得透明：
这是我的 HTML 代码：
<!DOCTYPE html>
<html class="h-full">
<head>
<meta charset="UTF-8">
<link href="https://cdn.jsdelivr.net/npm/daisyui@1.16.5/dist/full.css" rel="stylesheet" type="text/css" />
<link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2/dist/tailwind.min.css" rel="stylesheet" type="text/css" />
<link href="./renderer/stylesheet/main.css" rel="stylesheet">
<title>Widget</title>
</head>
<body class="select-none h-full bg-transparent">
<div class="h-full rounded-xl bg-green-500">
<h1 class="text-3xl font-bold underline">HEY</h1>
</div>
<script src="./renderer/javascript/renderer.js"></script>
</body>
</html>
如何使用 daisyUI 使主体透明？
在这里您可以看到 daisyUI 添加了一些基本样式（如果base在文件true中tailwind.config.js）。因此，我必须着手base解决false我的问题：
module.exports = {
...
daisyui: {
base: false
}
}
请注意，为此，我必须从npm.