Как стилизовать маркеры у списка под свои собственные без других символов
В данном случае хотелось бы чтобы был круглый черный маркер 8x8 px и внутри него центральная желтая часть 4х4 px. Все что я находил подразумевало использование какого-либо символа или изображения.
Ответы (2 шт):
Автор решения: Denis I
→ Ссылка
С помощью заранее подготовленного изображения
ul {
list-style-image: url(my_icon.png);
}
Автор решения: UModeL
→ Ссылка
ul {
list-style: none;
}
li::before {
content: '';
display: inline-block;
height: 8px;
width: 8px;
border-radius: 50%;
margin-right: 0.5rem;
background: #fbe202;
box-shadow: inset 0 0 0 2px black;
}<ul>
<li>Стилизация</li>
<li>маркеров</li>
<li>списка</li>
<li>самым</li>
<li>обычным</li>
<li>способом</li>
</ul>