diff --git a/button/internal/_outlined-button.scss b/button/internal/_outlined-button.scss index daddafa8ed..d5d0b3db8b 100644 --- a/button/internal/_outlined-button.scss +++ b/button/internal/_outlined-button.scss @@ -83,6 +83,12 @@ border-color: var(--_disabled-outline-color); opacity: var(--_disabled-outline-opacity); } + + @media (forced-colors: active) { + .button:disabled & { + opacity: 1; + } + } } .button__outline, diff --git a/button/internal/_shared.scss b/button/internal/_shared.scss index 4eb9e2aa1a..c4450b5e0a 100644 --- a/button/internal/_shared.scss +++ b/button/internal/_shared.scss @@ -118,12 +118,18 @@ &::before { content: ''; box-sizing: border-box; - border: 1px solid transparent; + border: 1px solid CanvasText; border-radius: inherit; inset: 0; pointer-events: none; position: absolute; } + + &:disabled { + --_disabled-icon-opacity: 1; + --_disabled-container-opacity: 1; + --_disabled-label-text-opacity: 1; + } } }