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

Yeah, I think using `inline-flex` is pretty much a necessity here. It is simply the case that `inline-block` is not sufficient to do any real UI layout; `flex` is table-stakes for this sort of thing.

`border-radius` I'm less pressed about.

> 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.

What you actually want is `color-mix(currentcolor 10%, contrast-color(currentcolor max))` or similar.

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


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

Received on Thursday, 21 November 2024 20:30:52 UTC