更改HTML列表的项目符号颜色，而不使用span

问题描述

我想知道是否有办法改变列表中项目符号的颜色。

I was wondering if there is a way to change the color on the bullets in a list.

我有这样的列表：

<ul>
   <li>House</li>
   <li>Car</li>
   <li>Garden</li>
</ul>

我无法在li中插入任何内容，例如'span'og a' p'。

It is not possible for me to insert anything in the li's such as a 'span' og a 'p'. So can I change the color of the bullets but not the text in some smart way?

推荐答案

如果你可以使用一个图像，那么我可以用一个聪明的方式来改变文本的颜色。你可以这样做。没有图片，您将无法仅更改子弹的颜色，而不能更改文字。

If you can use an image then you can do this. And without an image you won't be able to change the color of the bullets only and not the text.

使用图片

Using an image

li { list-style-image: url(images/yourimage.jpg); }

请参阅

不使用图片

Without using an image

然后您必须编辑HTML标记在列表中包括一个跨度，并用不同的颜色对li和span进行着色。

Then you have to edit the HTML markup and include a span inside the list and color the li and span with different colors.

这篇关于更改HTML列表的项目符号颜色，而不使用span的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！