[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;

}

• 네 번째 방법

728x90

input[type=checkbox] {

transform : scale(1.5);

}

• 다섯 번째 방법 (인라인)

<input style="zoom:2.0;" type="checkbox" class="checkbox">