Re: [csswg-drafts] [css-li-marker] easier way to change individual list item markers? (#11862)

• From: jfkthame via GitHub <sysbot+gh@w3.org>
• Date: Fri, 07 Mar 2025 15:13:17 +0000
• To: public-css-archive@w3.org
• Message-ID: <issue_comment.created-2706702869-1741360395-sysbot+gh@w3.org>

And for an "inline-style coloring" version, you could use CSS Custom Properties to set a `--marker-color` property on individual items:
```
<style>
  li::marker { color: var(--marker-color); }
</style>

<h3>list with multicolored bullets</h3>
  <ul>
   <li style="--marker-color: green;">green discs everything is "go" on this project</li>
   <li style="--marker-color: yellow;">yellow discs mean there are issues to address</li>
   <li style="--marker-color: red;">red discs mean Houston, we have a problem</li>
   <li>default black discs: status unreported</li>
  </ul>
```


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


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

Received on Friday, 7 March 2025 15:13:18 UTC