Можно поставить шрифт с иконками, а потом в стилях добавить их и ставить нужный цвет.
Вот пример шрифта — http://genericons.com/#dropdown-left
Можно конечно и одну картинку прописать в стилях.
Как вариант, можно отключить стандартные маркеры списка и добавить их с помощью селектора li:before (результат):
.entry-content ul {
list-style: none;
}
.entry-content ul li {
position: relative;
}
.entry-content ul li:before {
content: "•";
position: absolute;
left: -1em;
color: #0f0;
}
Чтобы была галочка, а не точка, надо поставить шрифт с галочками (http://genericons.com/#checkmark) и потом так же можно их подключить
.entry-content ul li:before {
color: green;
content: '\f418';
display: inline-block;
-webkit-font-smoothing: antialiased;
font: normal 16px/1 'Genericons';
vertical-align: middle;
}
А что делать, если иногда галочки нужны, а иногда — нет. Вот это проблема..
Там есть еще одна галочка http://genericons.com/#pocket. Даже две http://genericons.com/#vimeo http://genericons.com/#expand.
Не заметил, что нужны именно галочки 🙂 Впрочем, без Genericons в данном случае всё равно можно обойтись, этот символ есть в Unicode. Достаточно заменить в моём примере content: "•" на content: "\002714" (результат).
этот символ есть в Unicode
Unicode — это стандарт кодирования символов, какое он имеет отношение к данному вопросу? Или вы имеете ввиду, что этот символ включен во все стандартные наборы символов всех шрифтов?
А если поставить Genericons, то можно сделать меню социальных иконок и использовать разные значки где угодно. Очень весело.
На здоровье.
У меня вот тоже зеленые галочки и я все думаю, куда бы их поставить. Правда они из Genericons шрифта.
