【问题标题】:How to override daisy ui styles?如何覆盖菊花 ui 样式?
【发布时间】:2022-10-02 13:03:07
【问题描述】:

我想修改 daisyUI 中的默认样式。

我使用了以下代码 <button class=\"btn btn-primary bg-black\">I am a button</button>

This is how the button look

但我想要一个黑色的背景。

在daisyui网站上发现了以下内容: daisy UI website screenshot

当我在我的 vs 代码中复制这段代码时: vs code screenshot 我正进入(状态: output screenshot

我知道可以使用 daisy UI 主题。但有时需要进行一些修改,例如 ml-2 , p-4 等。

  • 你确定你的顺风 css 在你的样式表列表中吗?当您尝试应用其他顺风课程时它是否有效?
  • 你在用cdn吗? js或css
  • 我用过cdn。

标签: tailwind-css daisyui


【解决方案1】:

确保你也包括了 tailwind cdn:

<script src="https://cdn.tailwindcss.com"></script>

此链接上提供了更多信息: https://reacthustle.com/blog/how-to-modify-daisyui-theme-using-cdn

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2017-09-08
    • 1970-01-01
    • 2020-01-30
    • 2019-03-07
    • 2020-05-27
    • 2011-11-08
    • 2020-06-13
    • 2015-12-18
    相关资源
    最近更新 更多