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

The CSS Working Group just discussed ``[css-forms-1] Pseudo-element, structure and styles for `<input type="color">` ``, and agreed to the following:

* `RESOLVED: Use the name ::color-swatch`

<details><summary>The full IRC log of that discussion</summary>
&lt;TabAtkins> ntim: pseudo-elements for color input<br>
&lt;TabAtkins> ntim: there's a proposal for ::color-swatch<br>
&lt;TabAtkins> ntim: is everyone happy with this?<br>
&lt;TabAtkins> TabAtkins: this represents the little rectangle of color in the input<br>
&lt;lea> q+<br>
&lt;TabAtkins> ntim: yeah. we can't use the element itself because we support alpha on the color, and want to be able to display the checkerboard behind the swatch to make that visible<br>
&lt;astearns> ack lea<br>
&lt;TabAtkins> lea: in a color input you can link to a data list<br>
&lt;TabAtkins> lea: would these swatches have the same pseudo element?<br>
&lt;TabAtkins> ntim: this is just the main input element, not the picker<br>
&lt;fantasai> The in-page component of the control<br>
&lt;TabAtkins> ntim: not all the browser have the same UI for the picker right now too<br>
&lt;TabAtkins> astearns: so resolution is to use ::color-swatch as the name for the in-page representation of the chosen color<br>
&lt;TabAtkins> astearns: comments or questions?<br>
&lt;TabAtkins> astearns: objections?<br>
&lt;TabAtkins> RESOLVED: Use the name ::color-swatch<br>
</details>


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


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

Received on Tuesday, 1 April 2025 17:56:58 UTC