我想知道是否有一种策略,只使用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>
发布于 2021-04-07 13:25:52
您必须像这样指定它才能实现彩色的项目列表。
<li class="text-red-500">
<div class="text-black">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean sollicitudin convallis viverra.
</div>
</li>
发布于 2021-12-19 21:34:37
只需添加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>
发布于 2021-04-07 14:18:18
我就这样解决了:
<ul class='list-outside list-disc ml-6'>
<li class="text-red-500">
<span class="text-black">Lorem ipsum dolor</span>
</li>
<li class="text-red-500">
<span class="text-black">Nunc nec gravida enim.</span>
</li>
</ul>
https://stackoverflow.com/questions/66983358
复制相似问题