밥벌이 :)/html & css 썸네일형 리스트형 커스텀 체크박스(디자인) 스타일 만들기 HTML/CSS : 커스텀 체크박스 스타일 만들기 사실 checkbox, radio button, select 등의 form요소들은 스타일을 건드리지 않는게 접근성 등에 좋다.그래서 지금까지 웹페이지에서는 기본스타일로 사용해왔고, 기획자들이 이쁘게 해달라고 하면 설득해서 기본스타일로 사용해왔는데 이번에 모바일웹에 체크박스를 처음 사용해봤는데 ios는 정말 최악의 모습이었다. 위 캡쳐이미지 처럼 코딱지 만한 크기에 실제로 터치도 잘 되지 않았다. 그래서 체크박스를 제외하자고 의견을 내봤는데 해당 페이지에서는 반드시 체크박스가 들어가길 원했다. 결국 커스텀 스타일 체크박스를 사용하기로 결정.. .방식은 checkbox와 label을 박스로 감싼다음 label을 position으로 띄어 label 에 back.. 더보기 IE8이하에서도 html5 태그 사용하기 간단한 단독 페이지 (임시 점검중 페이지) 작업이 있어, 평소 잘 사용하지 않고 책으로만 봤던 html5태그를 사용해보기로 하고 페이지를 완성했다. 크로스브라우징 체크 중 역시 IE8이하에선 레이아웃이 틀어졌다. header, article .. 등등의 태그를 인식하지 못하기 때문이다. 당황했지만 그렇지 않은척 하며 구글을 열어 간단한 방법을 찾았다. //사이에 위와같은 구조로 html5태그를 넣어주면 8이하 하위버전 IE브라우저에서도 잘 작동한다. (style은 reset.css같은곳에 넣으면 되겠죠.) 더보기 css : css선택자 점수 환산 표 css점수환산표가 있었다니!! (환산점수가 높은 스타일을 따라간다.) 더보기 이전 1 다음
