CSS - checkbox 네모 크기를 늘리는 방법 케네스 ・ 2019. 3. 5. 14:09 작업을 하다보니 checkbox 네모의 크기를 늘리고 싶은 상황이 생겼다. 방법이 뭘까 하고 검색을 해봤더니 다양한 방법이 나온다. 방법 1. input[type=checkbox] { -ms-transform: scale(2); /* IE */ -moz-transform: scale(2); /* FF */ -webkit-transform: scale(2); /* Safari and Chrome */ -o-transform: scale(2); /* Opera */ padding: 10px; } 방법 2. input[type="checkbox"]{ width: 30px; /*Desired width*/ height: 30px; /*Desired height*/ cursor: pointer; -webkit-appearance: none; appearance: none; } 방법 3. input[type=checkbox] { zoom: 1.5; } 방법 4. input[type=checkbox] { transform : scale(1.5); } 하지만 아무 것도 내가 원하는 것처럼 체크상자 크기를 크게 해주지 못했다. 결국 답은 <input style='zoom:2.0;' type='checkbox' ...... 였다. 직접 style로 인식시켜야 반영이 됨을 확인할 수 있었다. |