[csswg-drafts] [css-forms-1] Radio buttons inline alignment (#13868)

• From: sb3nder via GitHub <noreply@w3.org>
• Date: Thu, 30 Apr 2026 14:22:26 +0000
• To: public-css-archive@w3.org
• Message-ID: <issues.opened-4358846472-1777558943-noreply@w3.org>

sb3nder has just created a new issue for https://github.com/w3c/csswg-drafts:

== [css-forms-1] Radio buttons inline alignment ==
Currently the styles for radio buttons don't provide a consistent alignment:

<img height="100" alt="Image" src="https://github.com/user-attachments/assets/5d5b9757-575d-4ef6-aea7-17d6df9fa457" />

One way to fix this could be removing `:checked` in:
```css
input[type=radio]:checked::checkmark {
    background-color: currentColor;
    display: inline-block;
    border-radius: inherit;
    height: 100%;
    width: 100%;
}
```

<img height="100" alt="Image" src="https://github.com/user-attachments/assets/b6810f2d-50f7-400e-a1b0-b9f685e2ea8d" />

---
Note:
```css
input[type=radio]:not(:checked)::checkmark {
    visibility: hidden;
}
```

Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/13868 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Thursday, 30 April 2026 14:22:27 UTC