Re: [csswg-drafts] Add an `::interest-button` pseudo element to interest invokers (#12437)

> <jarhar> masonf: i tried border-radius:50%, and you get an oval instead of a circle depending on the character you use
> <jarhar> fantasai: aspect-ratio:1?
> <jarhar> masonf: i tried that too
> <jarhar> fantasai: or size it as a 1em square
> <jarhar> masonf: thats probably the solution

If you do `border-radius: 10em` (or similarly large length that is more than a likely `line-height` or `height`) then the shape will stay circular, at least on the ends. If it is a wide font or image inside that, then you might end up with a lozenge, but that's still better than an oval. A large-ish `line-height` can keep it circular, as long as it isn't more than the `border-radius`. You could also use an extremely high length, like `border-radius: 9999in` to make it even more robust. 

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


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

Received on Thursday, 30 April 2026 19:05:18 UTC