How to have Plus sign (+) in <li> list-style?

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

you can use a image instead of it.

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