- From: fantasai via GitHub <noreply@w3.org>
- Date: Thu, 19 Feb 2026 17:12:48 +0000
- To: public-css-archive@w3.org
[Demo testcase for checkboxes in various colors comparing non-disabled, disabled with opacity only, and disabled with opacity + background fill](https://software.hixie.ch/utilities/js/live-dom-viewer/?%3C!DOCTYPE%20html%3E%0A%3Cstyle%3E%0Adiv%20%7B%20margin%3A%201em%3B%20padding%3A%201em%3B%20%7D%0Aspan%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%20text-align%3A%20center%3B%20%7D%0A.opacity%20%7B%20opacity%3A%200.5%3B%20%7D%0A.fill%20%7B%20background%3A%20color-mix(in%20srgb%2C%20currentColor%2010%25%2C%20transparent)%3B%20%7D%0A%3C%2Fstyle%3E%0A%3Cdiv%20style%3D%22background%3A%20black%3B%20color%3A%20lime%22%3E%0A%20%20%3Cspan%3E%3C%2Fspan%20%3E%20Checkbox%201%20%3Cspan%20class%3D%22opacity%22%3E%3C%2Fspan%20%3E%20Checkbox%202%20%3Cspan%20class%3D%22opacity%20fill%22%3E%3C%2Fspan%20%3E%20Checkbox%203%0A%20%20%3Cbr%3E%0A%20%20%3Cspan%3E✓%3C%2Fspan%20%3E%20Checkbox%201%20%3Cspan%20class%3D%22opacity%22%3E✓%3C%2Fspan%20%3E%20Checkbox%202%20%3Cspan%20class%3D%22opacity%20fill%22%3E✓%3C%2Fspan%20%3E%20Checkbox%203%0A%3C%2Fdiv%3E%0A%0A%3Cdiv%20style%3D%22background%3A%20white%3B%20color%3A%20brown%22%3E%0A%20%20%3Cspan%3E%3C%2Fspan%20%3E%20Checkbox%201%20%3Cspan%20class%3D%22opacity%22%3E%3C%2Fspan%20%3E%20Checkbox%202%20%3Cspan%20class%3D%22opacity%20fill%22%3E%3C%2Fspan%20%3E%20Checkbox%203%0A%20%20%3Cbr%3E%0A%20%20%3Cspan%3E✓%3C%2Fspan%20%3E%20Checkbox%201%20%3Cspan%20class%3D%22opacity%22%3E✓%3C%2Fspan%20%3E%20Checkbox%202%20%3Cspan%20class%3D%22opacity%20fill%22%3E✓%3C%2Fspan%20%3E%20Checkbox%203%0A%3C%2Fdiv%3E%0A%0A%3Cdiv%20style%3D%22background%3A%20lemonchiffon%3B%20color%3A%20steelblue%22%3E%0A%20%20%3Cspan%3E%3C%2Fspan%20%3E%20Checkbox%201%20%3Cspan%20class%3D%22opacity%22%3E%3C%2Fspan%20%3E%20Checkbox%202%20%3Cspan%20class%3D%22opacity%20fill%22%3E%3C%2Fspan%20%3E%20Checkbox%203%0A%20%20%3Cbr%3E%0A%20%20%3Cspan%3E✓%3C%2Fspan%20%3E%20Checkbox%201%20%3Cspan%20class%3D%22opacity%22%3E✓%3C%2Fspan%20%3E%20Checkbox%202%20%3Cspan%20class%3D%22opacity%20fill%22%3E✓%3C%2Fspan%20%3E%20Checkbox%203%0A%3C%2Fdiv%3E%0A%0A%3Cdiv%20style%3D%22background%3A%20skyblue%3B%20color%3A%20midnightblue%22%3E%0A%20%20%3Cspan%3E%3C%2Fspan%20%3E%20Checkbox%201%20%3Cspan%20class%3D%22opacity%22%3E%3C%2Fspan%20%3E%20Checkbox%202%20%3Cspan%20class%3D%22opacity%20fill%22%3E%3C%2Fspan%20%3E%20Checkbox%203%0A%20%20%3Cbr%3E%0A%20%20%3Cspan%3E✓%3C%2Fspan%20%3E%20Checkbox%201%20%3Cspan%20class%3D%22opacity%22%3E✓%3C%2Fspan%20%3E%20Checkbox%202%20%3Cspan%20class%3D%22opacity%20fill%22%3E✓%3C%2Fspan%20%3E%20Checkbox%203%0A%3C%2Fdiv%3E) -- GitHub Notification of comment by fantasai Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/12225#issuecomment-3928620683 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:12:48 UTC