체크박스 라디오버튼을 이쁘게 만들어보자 > 그누보드5 팁자료실

그누보드5 팁자료실

체크박스 라디오버튼을 이쁘게 만들어보자 정보

체크박스 라디오버튼을 이쁘게 만들어보자

본문

MIT라이센스 적용이라네요

데모

https://bantikyan.github.io/icheck-material/

 

사용법

아래 가서 icheck-material.css 이녀석을 받아서 head.sub.php에 인클루드 합니다.

https://github.com/bantikyan/icheck-material#user-content-color-schemes

그리고 체크박스는 아래와 같은형태로



<div class="icheck-material-teal">
    <input type="checkbox" id="someCheckboxId" />
    <label for="someCheckboxId">Click to check</label>
</div>

라디오버튼은 아래와 같은 형태로 쓰면됩니다.



<div class="icheck-material-teal">
    <input type="radio" id="someRadioId1" name="someGroupName" />
    <label for="someRadioId1">Option 1</label>
</div>

 

컬러는 아래와 같은 컬러를 지원하고 뒤에 teal을 원하는 컬러로 변경해 사용하면됩니다.

.icheck-material-red
.icheck-material-pink
.icheck-material-purple
.icheck-material-deeppurple
.icheck-material-indigo
.icheck-material-blue
.icheck-material-lightblue
.icheck-material-cyan
.icheck-material-teal
.icheck-material-green
.icheck-material-lightgreen
.icheck-material-lime
.icheck-material-yellow
.icheck-material-amber
.icheck-material-orange
.icheck-material-deeporange
.icheck-material-brown
.icheck-material-grey
.icheck-material-bluegr

추천
9

댓글 7개

전체 2,407 |RSS
그누보드5 팁자료실 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT