JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://jsfiddle.net/Vw3gk/2/%3Clink%20rel=%22stylesheet%22%20href=%22//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<div class="checkbox">
  <label>
      <input type="checkbox" value="abc" id="test" />
      Option one
  </label>
</div>
<div class="checkbox">
  <label>
      <input type="checkbox" value="" id="shadow-checkbox"/>
      Option one
  </label>
</div>

CSS

input[type="checkbox"]{
    width: 20px;
    height: 20px;
}
    #test{
        outline: 1px solid #f00;
    }

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