Re: [csswg-drafts] [css-forms-1] Checkbox/radio button base appearance has no disabled state (#12225)

The CSS Working Group just discussed `[css-forms-1] Checkbox/radio button base appearance has no disabled state`, and agreed to the following:

* `RESOLVED: opacity:0.5 for disabled state for checkboxes, radios, and switches`

<details><summary>The full IRC log of that discussion</summary>
&lt;jarhar> ntim: right now theres no disabled state for appearance base checkboxes, and thats one of the things that makes appearance base default unusuable<br>
&lt;jarhar> ntim: current proposal is opacity 0.5<br>
&lt;jarhar> q+<br>
&lt;jarhar> lwarlow: that makes sense, provided the contrast stays ok with the border compared to the background color<br>
&lt;jarhar> lwarlow: theres an existing contrast thing with disabled states<br>
&lt;jarhar> fantasai: maybe we end up with opacity: 0.7 or something<br>
&lt;jarhar> lwarlow: does color-mix do background color<br>
&lt;jarhar> fantasai: thats trying to make the checkboxes look more disabled<br>
&lt;jarhar> lwarlow: if its an unchecked checkbox then the only thing that changes is the border<br>
&lt;jarhar> ntim: i prefer not putting a background<br>
&lt;jarhar> ntim: i think opacity makes it look disabled enough<br>
&lt;jarhar> q-<br>
&lt;jarhar> fantasai: im not really sure<br>
&lt;masonf> q-<br>
&lt;jarhar> lwarlow: we could resolve to add opacity style<br>
&lt;astearns> ack dbaron<br>
&lt;jarhar> dbaron: are you proposing to do separate style for checkmark to make it more or less opaque? because that seems a little weird to me<br>
&lt;jarhar> dbaron: disabled checkboxes and radios can still be checked or unchecked and that should still be as visible as the control is, and this is proposing to double that opacity<br>
&lt;jarhar> ntim: i also disagree with that part of the change, having a double opacity<br>
&lt;jarhar> fantasai: i think that might be a mistake<br>
&lt;jarhar> astearns: sounds like we are fine adding some disabled styling, and using opacity:0.5 for now<br>
&lt;dbaron> (we're talking about the separate rule for the `::checkmark`)<br>
&lt;jarhar> lwarlow: this doesn't apply to switches, and maybe switches need the same<br>
&lt;jarhar> lwarlow: we can add disabled styles for checkboxes radios and switches with 0.5<br>
&lt;jarhar> ntim: are there any other controls where we are missing disabled state?<br>
&lt;jarhar> proposed resolution: opacity:0.5 for disabled state for checkboxes, radios, and switches<br>
&lt;lwarlow> We're missing readonly states but I think this covers all disableds<br>
&lt;jarhar> RESOLVED: opacity:0.5 for disabled state for checkboxes, radios, and switches<br>
&lt;fantasai> visual testcase -<br>
&lt;fantasai> https://software.hixie.ch/utilities/js/live-dom-viewer/?%3C!DOCTYPE%20html%3E%0A%3Chtml%20style%3D%22background%3A%20black%3B%20color%3A%20lime%22%3E%0A%3Cstyle%3Ediv%20%7B%20border%3A%20solid%201px%3B%20width%3A%201em%3B%20height%3A%201em%3B%20margin%3A%200%201em%3B%20vertical-align%3A%20middle%3B%20display%3A%20inline-block%3B%20%7D%3C%2Fstyle%3E%0A%3Cdiv%3E%3C%2Fdiv%3E%20Checkbox%201%0A%3Cdiv%20style%3D%2<br>
</details>


-- 
GitHub Notification of comment by css-meeting-bot
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/12225#issuecomment-3928549056 using your GitHub account


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

Received on Thursday, 19 February 2026 17:01:03 UTC