[CSS] checkbox 사이즈 조절(네모 크기 늘리기)


checkbox 사이즈(크기) 조절 방법

  • 첫 번째 방법
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;

}
  • 두 번째 방법
input[type="checkbox"]{

width: 30px; /*Desired width*/

height: 30px; /*Desired height*/

cursor: pointer;

-webkit-appearance: none;

appearance: none;

}
  • 세 번째 방법
input[type=checkbox] {

zoom: 1.5;

}
  • 네 번째 방법
input[type=checkbox] {

transform : scale(1.5);

}
  • 다섯 번째 방법 (인라인)
<input style="zoom:2.0;" type="checkbox" class="checkbox">