JSFiddle - React, Tailwind, and code Playground

by danielfilho

HTML

<li class="field" for="product_categories_1">
<label for="product_categories_1">
    <input id="product_categories_1" type="checkbox" value="1" name="product_categories_1">
   one</label>
</li>

CSS

li{
    width:250px;
    height:30px;
    box-shadow:inset 0 0 1px 1px red;
}
label{
    display:block;
    width:100%;
    height:30px;
    background:rgba(255,0,0,.3);
}