JSFiddle - React, Tailwind, and code Playground

HTML

<fieldset>
  <div class="checkbox">
    <label class="justlabel"><input type="checkbox" value="movie"> Movies</label>
  </div>
  <div class="checkbox">
    <label class="justlabel"><input type="checkbox" value="music"> Music</label>
  </div>
  <div class="checkbox">
    <label class="justlabel"><input type="checkbox" value="books"> Books</label>
  </div>
</fieldset>

CSS

input[value="movie"]::after {
color: red;
content: "\25CF";
font-size: 2.5em;
}

input[value="music"]::after {
color: blue;
content: "\25CF";
font-size: 2.5em;
}

input[value="books"]::after {
color: green;
content: "\25CF";
font-size: 2.5em;
}