체크박스 버튼타입 스타일

<style>
.checkbox-container {display:inline-block;}
input[class="cateCheckBox"] + label {
      display: inline-block;
      padding: 2px 8px;
      border: 1px solid #bcbcbc;
      cursor: pointer;
      margin-top:5px;
}
input[class="cateCheckBox"]:checked + label {
      background-color: #666666;
      color:#fff;
}
input[class="cateCheckBox"] {
      display: none;
}
</style>

<div class="checkbox-container">
            <input type="checkbox" id="cateCheckBox<?= $key ?>" class="cateCheckBox">
            <label for="cateCheckBox<?= $key ?>"><?= $val ?></label>
        </div>