Re: [csswg-drafts] [css-ui] Colors to use for appearance:base `<select>` (#10909)

Thanks! How do these colors look? I made ::picker match the colors used for dialog and popover.
```css
/* Rules on select won't apply when select has a child button
 * because button already has borders, colors, and active/hover. */
select {
  border: 1px solid currentColor;
  background-color: color-mix(in lab, currentColor 10%, transparent);
  color: inherit;
}
select:enabled:hover {
  background-color: color-mix(in lab, currentColor 20%, transparent);
}
select:enabled:active  {
  background-color: color-mix(in lab, currentColor 30%, transparent);
}
::picker(select) {
  color: CanvasText;
  background-color: Canvas;
  border: solid;
}
```
Should we also have `:disabled` colors? Perhaps by setting `color` or `opacity`?

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


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

Received on Thursday, 31 October 2024 16:02:51 UTC