Re: [csswg-drafts] [css-forms-1] Pseudo-element, structure and styles for `<input type="color">` (#11837)

For alpha, give it the ol' standard checkerboard background?

```html
<!DOCTYPE html>
<style>
button::before {
 content: "";
 display: block;
 background: linear-gradient(var(--color) 0 0), linear-gradient(45deg, #808080 26%, transparent 0 74%, #808080 0), linear-gradient(45deg, #808080 26%, transparent 0 74%, #808080 0);
 background-size: 100% 100%, 10px 10px, 10px 10px;
 background-position: 0 0, 0 0, 5px 5px;
 width: 1.5em;
 height: 1em;
 border: 1px solid currentColor;
}
</style>
<button style="--color: rgba(255 0 0 / .5)"></button>
```

-- 
GitHub Notification of comment by tabatkins
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/11837#issuecomment-2705004306 using your GitHub account


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

Received on Thursday, 6 March 2025 21:40:40 UTC