title: html: <ol> list-style background color
body: <p>I would like to create this: <a href="http://www.kephost.com/images/2015/07/15/ol-color-picture.png" rel="nofollow noreferrer">http://www.kephost.com/images/2015/07/15/ol-color-picture.png</a></p>
  
  <p><img src="https://i.stack.imgur.com/T5VuG.png" alt="enter image description here">
  The easiest way would be, if i could use span for only the "list-style elements"(1. 2. 3. etc...):</p>
  
  <pre><code>&lt;ol&gt;
     &lt;span style="background-color:Aqua&gt;&lt;li&gt;&lt;/span&gt;..."text"...&lt;/li&gt;
  &lt;/ol&gt;
  </code></pre>
  
  <p>But that doesn't do anything with the "list-style elements" (1. 2. 3. etc...)
  Is there any solution? I need exactly 5 choosable background-color for the list-style elements: yellow, red, orange, green, aqua. Thx for answering.</p>