CSS only custom Checkbox

by padma rubhan

HTML

<script src="&lt;link href=&#39;https://fonts.googleapis.com/css?family=Roboto&#39; rel=&#39;stylesheet&#39; type=&#39;text/css&#39;&gt;"></script>
<h2>CSS only custom Checkbox</h2>
<div class="box">
  <div class="checkbox">
    <label>
      <input type="checkbox" />
      <i class="input-helper"></i>
      <span>Maecenas faucibus mollis interdum.</span>
    </label>
  </div>
  <div class="checkbox">
    <label>
      <input type="checkbox" />
      <i class="input-helper"></i>
      <span>Integer posuere erat a ante venenatis dapibus posuere velit aliquet.</span>
    </label>
  </div>
  <div class="checkbox">
    <label>
      <input type="checkbox" />
      <i class="input-helper"></i>
      <span>Donec sed odio dui.</span>
    </label>
  </div>
</div>

CSS

input[type="checkbox" i] {
  
}