Re: [csswg-drafts] [css-ui] UA stylesheet for appearance:base `<select>` (#10857)

> Use background: color-mix(current-color ...).
> By the by, this is an unusable value. The partial transparency means the button background is mostly the underlying background color; if that (an unpredictable value) doesn't contrast with the text, the text becomes unreadable. This only looks reasonable because, in your demos, the underlying background is white, which contrasts with the black text.

That is how the system is meant to work. currentColor over transparency is supposed to work as long as you do the right thing on the parent element. The point here is like it works mostly like putting a plain `<div>` on the page.

FWIW, the only point of the semi-transparent background-color was to differentiate buttons from inputs, but I'm also OK just going full transparent, and just use the border-radius to differentiate buttons from inputs.



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


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

Received on Monday, 25 November 2024 23:48:42 UTC