Change List Bullets Color

HTML

<ul>
    <li>Orange</li>
    <li>Apple</li>
    <li>Mango</li>
</ul>

<br/><br/><br/>
<p>Note: Add a property of font-size in li:before to change the bullet size </p>

CSS

ul {
	list-style-type: none;
	position: relative;
	margin-left: 1em;
	padding-left: 0;
}
li:before {
	content: "\2022";
	position: absolute;
  font-size: 20px;
	left: -1em;
	color: red;
	margin-right: 5px;
}