JSFiddle - React, Tailwind, and code Playground

HTML

<script src="&lt;link rel=&quot;stylesheet&quot; href=&quot;//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css&quot;&gt;"></script>
<script src="&lt;script src=&quot;//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js&quot;&gt;&lt;/script&gt;"></script>
<div class="checkbox">
  <label>
    <input type="checkbox" value="" id="test">
    Option one
    </input>
  </label>
</div>
<div class="checkbox">
  <label>
    <input type="checkbox" value="" id="shadow-checkbox">
    Option one
    </input>
  </label>
</div>

CSS

input[type="checkbox"]{
    width: 20px;
    height: 20px;
}
#test{
    border: 1px solid #59A29B;
    background color: #FFFFFF;
}

#shadow-checkbox{
    box-shadow: inset 0 1px 3px rgba(0,0,0,.3);
}