JSFiddle - React, Tailwind, and code Playground

HTML

Select one:
<select class="multiSelectCheckbox" multiple>
  <option>1</option>
  <option>2</option>
  <option>3</option>
</select>

CSS

.multiSelectCheckbox {
  overflow: auto;
  width: 100px;
}

.multiSelectCheckbox option::before {
  content: "\2610";
  width: 20px;
  text-align: center;
  display: inline-block;
}

.multiSelectCheckbox option:checked::before {
  content: "\2611";
  width: 20px;
  text-align: center;
  display: inline-block;
}