I have an ul which is being rendered dynamically through syncfusion. The rendered html is below:
<ul id="listCa" class="e-listbox e-js e-ul" data-ej-unselectable="on" style="user-select: none; cursor: pointer;" aria-expanded="true"> <li style="" value="8" class="e-draggable e-droppable e-js">Loading of your furniture and personal effects in an air container</li> <li style="" value="6" class="e-draggable e-droppable e-js">Packing and wrapping of all items by trained and experienced AGS packing crew</li> </ul>
I want to have the below icon, instead of a bullet in the list.
Any idea how I can do this using css? Thanks