Как input checkbox сделать в виде кнопки?

Question

[LastGeneral]

<div class="option-container has-option">
  <div class="form-group">
    <label class="control-label">Заказывают дополнительно</label>
    <div id="input-option327"> 													
      <div class="checkbox">
        <label>
            <input type="checkbox" name="option[327][]" value="215">
            Добавочные товары
        </label>
      </div>
      <div class="checkbox">
        <label>
          <input type="checkbox" name="option[327][]" value="216">
          Добавочные товары
        </label>
      </div>
      <div class="checkbox">
        <label>
          <input type="checkbox" name="option[327][]" value="217">
          Добавочные товары
        </label>
      </div>
    </div>
  </div>
</div>

Answer 1

[WapSter]

label
   input
   span

input ~ span {}
input:checked ~ span {}

С телефона. Синтаксис html = pug. span нужно стилизовать в виде кнопки

Comments

[LastGeneral]

Я не могу поставить span

[WapSter]

LastGeneral, jsfiddle.net/8n8hM нашел вариант на просторах инета через псевдоэлементы. Замени стили на свои в виде кнопки