Re: [csswg-drafts] [css-forms-1] Pseudo-elements and structure for `<input type="color">` (#11837) from Luke Warlow via GitHub on 2025-03-06 (public-css-archive@w3.org from March 2025)

From: Luke Warlow via GitHub <sysbot+gh@w3.org>
Date: Thu, 06 Mar 2025 21:06:30 +0000
To: public-css-archive@w3.org
Message-ID: <issue_comment.created-2704941965-1741295188-sysbot+gh@w3.org>

Something like this for the swatch styles looks okay. Would need to think more on how to handle alpha.

```css
::color-swatch {
    background-color: control-value(<color>);
    width: 1.5em;
    border: 1px solid currentColor;
}
```

Per the current spec styles + my idea above you end up with:

<img width="214" alt="Image" src="https://github.com/user-attachments/assets/14cd93d4-9077-41d4-a22c-a3149354d274" />

-- 
GitHub Notification of comment by lukewarlow
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/11837#issuecomment-2704941965 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:06:31 UTC