테스트 사이트 - 개발 중인 베타 버전입니다

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

· 5년 전 · 4585 · 7

MIT라이센스 적용이라네요

데모

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

 

사용법

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

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

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

[code]

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

[/code]

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

[code]

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

[/code]

 

컬러는 아래와 같은 컬러를 지원하고 뒤에 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

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 7개

한번 적용해보겠습니다. 감사합니다.
5년 전
유용한 정보 감사합니다.
적용해 보니 이쁘네요.
오 예뻐요! 감사합니다!
감사합니다
5년 전
넘 예뻐용~♥
감사합니다.~~~~~~~

게시글 목록

번호 제목
24149
24140
24133
24125
24119
24109
24105
24101
24093
24089
24077
24074
24071
24070
24067
24056
24050
24046
24043
24040
24037
24036
24035
24034
24021
24017
24005
24002
23990
23980