Daisy UI 卡片边框颜色

Question

如何使用 Daisy 更改卡片边框的颜色UI？

我可以看到 bordered 在我的卡片周围添加了黑色边框。但是当我尝试各种顺风 css 类时，例如 border-white 边框不会改变。

Answer 1

在docs中，您可以看到使用card-bordered的示例。您可以添加 border-white。

<div class="card card-bordered border-white">
  <figure>
    <img src="https://picsum.photos/id/1005/400/250">
  </figure> 
  <div class="card-body">
    <h2 class="card-title">Top image
      <div class="badge mx-2 badge-secondary">NEW</div>
    </h2> 
    <p>Rerum reiciendis beatae tenetur excepturi aut pariatur est eos. Sit sit necessitatibus veritatis sed molestiae voluptates incidunt iure sapiente.</p> 
    <div class="justify-end card-actions">
      <button class="btn btn-secondary">More info</button>
    </div>
  </div>
</div>

Daisy UI 卡片边框颜色

Daisy UI card border color

tailwind-css

daisyui