Is there any way to style list type in ordered list?

Issue

I am using an ordered list

<ol type="A">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

which results in

Is there any way I can change the styling only for the bullets (A, B and C) to make them a bit lighter and smaller, leaving the list untouched?

Solution

li {
  font-size: 10px;
  font-weight: 200;
}

li span {
  font-size: 20px;
  /* example font-size, change to your liking */
}

<ol type="A">
  <li><span>Coffee</span></li>
  <li><span>Tea</span></li>
  <li><span>Milk</span></li>
</ol>

Answered By - Rut Shah