Skip to content

bug: the background of btn-disabled (or disabled btn) should be transparent if combined with btn-ghost #3285

Open
@tats-u

Description

What version of daisyUI are you using?

4.12.x

Which browsers are you seeing the problem on?

Chrome, Firefox

Reproduction URL

https://codepen.io/tats-u/pen/wvVLOJE

Describe your issue

image

<div><a href="//example.com/edit" class="btn btn-ghost btn-circle"></a> <span class="btn btn-ghost btn-disabled btn-circle">🗑️</span></div>
<div><button type="button" class="btn btn-ghost btn-circle"></button> <button type="button" disabled class="btn btn-ghost btn-circle">🗑️</button></div>
<div><button type="button" class="btn btn-primary btn-circle"></button> <button type="button" disabled class="btn btn-primary btn-circle">🗑️</button></div>

the background of disabled ghost buttons (the top 2 rows) should be transparent instead of gray.

Metadata

Assignees

No one assigned

    Labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions