tailwind-css - 如何仅使用 TailwindCSS 实用程序类获取彩色项目符号列表点

Question

我想知道是否有一种策略可以仅使用 Tailwind 实用程序类而不编写任何 CSS 行来获取彩色项目符号列表点。
我花了一些时间搜索，但我还没有找到任何解决方案。

这是我目前正在处理的清单。

<ul class='list-outside list-disc ml-6'>
  <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean sollicitudin convallis viverra.</li>
  <li> Nunc nec gravida enim. Vestibulum venenatis luctus sem.</li>
  <li> Proin fringilla vel nulla eu molestie. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
</ul>

标签： tailwind-css

Answer 1

只需添加marker:text-color，color您想要的颜色在哪里：

<ul class='marker:text-green list-outside list-disc ml-6'>
  <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean sollicitudin convallis viverra.</li>
  <li> Nunc nec gravida enim. Vestibulum venenatis luctus sem.</li>
  <li> Proin fringilla vel nulla eu molestie. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
</ul>