웹솔루션개발 22년 노하우! 해피CGI의 모든것

[해피CGI][cgimall]선택한 input 항목 강조하기 본문

웹프로그램밍 자료실/HTML 자료

[해피CGI][cgimall]선택한 input 항목 강조하기

해피CGI윤실장 2017. 9. 6. 09:12


HTML


<div class="box">
<input id="mycheck" type="checkbox" />
<label for="mycheck">Check box label here</label>
<br />
<input id="mycheck" type="checkbox" checked/>
<label for="mycheck">Check box label here</label>
<br />
<input id="mycheck" type="checkbox" />
<label for="mycheck">Check box label here</label>
</div>



CSS

.box {
  width: 100%;
  max-width: 240px;
  margin: 2rem auto;
}
input {}
input:checked + label{
  background: #fefe38
}


홈페이지바로가기
Comments