일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
- 포토샵
- INPUT
- 컴파일
- 설정
- SM5
- Github
- HTML
- CSS
- Scss
- CODE
- vscode
- GIT
- 아이폰
- sublime text
- 서브라임
- 윈도우11
- 단축키
- 컴퓨터
- 제이쿼리
- 알리익스프레스
- VS
- 태국
- 티스토리챌린지
- 에이펙스레전드
- 윈도우
- 모바일
- Sass
- 오블완
- 윈도우10
- 서브라임 텍스트
- Today
- Total
목록체크박스 (2)
web sprit
일반적으로 form 요소의 customize를 추천하지도 않고 사용하고 싶지도 않습니다. 이유는 브라우저별 모양이 너무 재각기이고 이러한 폼요소는 기본적으로 최소한의 꾸밈으로 사용하는 것이 디바이스별 사용성에도 좋은듯 합니다. 대부분 background 이미지를 이용하여 스크립트로 클래스 제어를 통해 form요소를 customize 하는 것으로 알고 있습니다. 지금 알려드릴 방법은 css를 이용한 방법이며 스크립트를 사용하지 않습니다. 그리고 브라우저는 IE를 기준으로 IE9 이상 잘 나오고 있습니다. 만약 더 하위버전을 맞추고 싶다면 그때 background 이미지를 이용하여 스크립트를 사용하는 방법말고는 생각이 나질 않네요. 제가 만든 소스를 보고 한번 그대로 가져다 확인해 보세요 정말 괜찮은 방법이..
메일이나 어떠한 체크폼을 보다 보면 전체 선택과 그에따른 하위선택함에 있어 전체 체크 되었다 풀리는 스크립트를 보곤 하는데요 한번 제이쿼리로 만들어 보았습니다. 다른 분들은 이 소스를 참고하여 작업하셧으면 좋겠네요좋은 방법이나 좋은 예재가 있으면 공유 했으면 합니다. 소스는 다음과 같습니다. HTML1234567891011121314151617181920212223242526272829303132333435363738394041424344454647 구분 사과 배 귤 오렌지 수박 멜론 참외 Colored by Color Scriptercs CSS1234.check_board_tb{border-collapse:collapse; width:100%;}.check_board_tb input{border:1px..