JSFiddle - React, Tailwind, and code Playground
HTML
<ul>
<li class="question">
<input type="checkbox" name="question" id="question1" />
<label for="question1">Question one asked here?</label>
</li>
<li class="question">
<input type="checkbox" name="question" id="question2" />
<label for="question2">Question two asked here?</label>
</li>
</ul>
CSS
.question input[type='checkbox']{
background:none;
content:â—»;
cursor:pointer;
}
label{
cursor:pointer;
}