- From: Jeroen Zwartepoorte via GitHub <noreply@w3.org>
- Date: Wed, 04 Feb 2026 09:56:43 +0000
- To: public-css-archive@w3.org
> Yes, or via the `link-parameters` property on the pseudo:
Nice, but it says `link-parameters` doesn't inherit, so this wouldn't work, right?
```css
option {
link-parameters: param(--stroke, var(--some-design-system-color));
&:hover {
link-parameters: param(--stroke, var(--some-design-system-hover-color));
}
&::checkmark {
content: 'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" stroke="env(--stroke, black)" fill="none" viewBox="0 0 24 24" stroke-width="2.5"><path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"/></svg>';
}
}
```
You'd have to explicitly set it on `::checkmark`?
```css
option {
&:hover::checkmark {
link-parameters: param(--stroke, var(--some-design-system-hover-color));
}
&::checkmark {
content: 'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" stroke="env(--stroke, black)" fill="none" viewBox="0 0 24 24" stroke-width="2.5"><path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"/></svg>';
link-parameters: param(--stroke, var(--some-design-system-color));
}
}
```
--
GitHub Notification of comment by jpzwarte
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/12039#issuecomment-3846447741 using your GitHub account
--
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config
Received on Wednesday, 4 February 2026 09:56:44 UTC