JSFiddle - React, Tailwind, and code Playground

by Aleksey Karagodnikov

HTML

<ul>
    <li><a href="#">Обычный маркированный список</a></li>
</ul>
<ul class="styled">
    <li>
        <div class="wrapper">
            <a href="#">Стилизованный маркированный список (кликни по маркеру)</a>
        </div>
    </li>        
</ul>

CSS

.styled li {
    list-style-type: none;
}
.styled li::before{
    content:"\2022";
    font-size: 22px;
    float: left;
    height: 100%;
    margin-left: -18px;
}

JavaScript

$('.styled li').click(function (e) {
    if ($(e.target).is($(this))) {
        alert('Ура! Ты кликнул по маркеру!');
    }
});