如何在中加入加号 (+)<li> 列表样式？</li>

Question

I wonder if we can use the Plus sign in the list style. Instead of Disc, Circle... in <li> List-style, can we have a plus sign?

li {list-style: disc...}

Answer 1

There is no list-style for a plus sign like there is for the disc, circle, etc., but you can achieve similar results using the :before selector together with the content property.

Here is the CSS code to get it to work:

ul {
    list-style: none;
}

li:before {
    content: "+";
    margin-right: 4px;
}

Answer 2

您可以使用图像代替它。

li{list-style-image:url('...');}

Answer 3

With CSS 3 it is better to use the "list-style-type" property.

This CSS code would be the easiest and efficient way:

ul {list-style-type: "+";}

Answer 4

The above response worked for me, but I got some weird bullet spacing so adding a couple of spaces made it appear the same.

ul {list-style-type: "+ ";}