-
체크박스 버튼타입 스타일CSS 2020. 5. 15. 14:53
<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>