본문 바로가기

checkbox (1)

[CSS] Checkbox(체크박스) 커스텀, 스타일 변경하기 체크박스 스타일을 커스텀하는 방법입니다. 커스텀 이용약관에 동의합니다. 브라우저 기본 이용약관에 동의합니다. 1. HTML 이용약관에 동의합니다. 2. CSS .chk_box { display: block; position: relative; padding-left: 25px; margin-bottom: 10px; cursor: pointer; font-size: 14px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* 기본 체크박스 숨기기 */ .chk_box input[type="checkbox"] { display: none; } /* 선택되지 않은 체크박스 스타일 꾸미기..