User defined Characters as bullets in CSS lists

Question

I am new to CSS/HTML, if I want to set bullets to user defined chars like #, |, >..etc

How can I do that in CSS is any property available or any solution for such context

 <ul>
    <li></li>
 </ul>

Have you tried, for instance, to paste your question's title in Google and try any of the first 10 results? — GolezTrol, Sep 25 '14 at 11:00

score 3 · Accepted Answer · answered Sep 25 '14 at 11:00

3

You can use pseudo-element :before and define the content you want e.g.:

ul {
   list-style: none;
}

ul li:before {
   content: "#";
   padding-right: 5px;
}

 <ul>
    <li>test</li>
 </ul>

Ref

:before

answered Sep 25 '14 at 11:00

Alex Char

1 Answers1