Thay đổi kích thước hộp kiểm bằng CSS

Question

Làm cách nào để thay đổi kích thước hộp kiểm (globaly) mà không có lớp và id? Có thể thực hiện việc này theo cách khác với:

input[type=checkbox] { 
    zoom: 1.5; 
} 

Answer 1

input trường có thể được tạo kiểu theo ý muốn của bạn. Vì vậy, thay vì zoom, bạn có thể có

input[type="checkbox"]{ 
    width: 30px; /*Desired width*/ 
    height: 30px; /*Desired height*/ 
} 

EDIT:

Bạn sẽ phải thêm các quy tắc thêm như thế này:

input[type="checkbox"]{ 
    width: 30px; /*Desired width*/ 
    height: 30px; /*Desired height*/ 
    cursor: pointer; 
    -webkit-appearance: none; 
    appearance: none; 
} 

Kiểm tra fiddle này http://jsfiddle.net/p36tqqyq/1/

Answer 2

Bạn có thể muốn thực hiện việc này.

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

Answer 3

Hãy thử

này

<input type="checkbox" style="zoom:1.5;" /> 
/* The value 1.5 i.e., the size of checkbox will be increased by 0.5% */