diff --git a/checkbox/internal/_checkbox.scss b/checkbox/internal/_checkbox.scss index 3549c8da2..347fc301e 100644 --- a/checkbox/internal/_checkbox.scss +++ b/checkbox/internal/_checkbox.scss @@ -104,6 +104,7 @@ $_checkmark-bottom-left: 7px, -14px; position: absolute; width: 48px; z-index: 1; + cursor: pointer; } :host([touch-target='none']) input { @@ -373,6 +374,10 @@ $_checkmark-bottom-left: 7px, -14px; opacity: var(--_disabled-container-opacity); } + .disabled input { + cursor: default; + } + :where(.selected.disabled) .outline { // Hide the outline behind the transparent selected container color. // This can be removed once disabled colors are flattened.