title: Change check box background color
body: <p>Good afternoon.</p>
  <p>I'm having a problem changing the background color of the checkboxes that are selected.</p>
  <p><a href="https://i.stack.imgur.com/eOVMz.png" rel="nofollow noreferrer">CheckBox to change</a></p>
  <p>I've seen options on the internet and some questions right here in the stack. But none of them were successful. Below is the DOM image where the elements are inserted.</p>
  <p><a href="https://i.stack.imgur.com/YiZ1b.png" rel="nofollow noreferrer">Dom about element</a></p>
  <p>The last code I tested was this and it still didn't work</p>
  <pre><code>input[type=checkbox]:checked:after{
      background-color: red !important;
      color: blue !important;
  }
  </code></pre>
  <p>Aimed to have a background in this color # FFEA00 when checked and the arrow to be # 000 when checked.</p>
  <p>Best regards and thanks for the help</p>