From 8fdf0ccb2cb147fa58ca86c153f62e81d6aa41ab Mon Sep 17 00:00:00 2001 From: Luke Warlow Date: Tue, 24 Feb 2026 17:59:59 +0000 Subject: [PATCH] [css-forms-1] Use visibility for checkmark --- css-forms-1/Overview.bs | 15 ++++++++++----- 1 file changed, 10 insertions(+), 5 deletions(-) diff --git a/css-forms-1/Overview.bs b/css-forms-1/Overview.bs index 1107bc23992c..d3ab95f8fcc9 100644 --- a/css-forms-1/Overview.bs +++ b/css-forms-1/Overview.bs @@ -886,16 +886,21 @@ input[type=radio] { justify-content: center; } -input[type=radio] { - border-radius: 50%; +input[type=checkbox]:not([switch])::checkmark, +input[type=radio]::checkmark { + content: '\2713' / ''; } -input[type=checkbox]:not([switch]):checked::checkmark { - content: '\2713' / ''; +input[type=checkbox]:not([switch], :checked)::checkmark { +input[type=radio]:not(:checked)::checkmark { + visibility: hidden; +} + +input[type=radio] { + border-radius: 50%; } input[type=radio]:checked::checkmark { - content: ''; background-color: currentColor; display: inline-block; border-radius: inherit;