[CSS] 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);

}

​

1, 2는 적용이 안되서 3으로 변경하니 바로 작동됬다

이유가 뭘까