Tôi muốn có một hộp kiểm lớn có chiều rộng là 16px và chiều cao là 16px. Tôi không muốn phải sử dụng một plugin JavaScript. Điều này có thể được thực hiện với CSS hiện đại?Làm cách nào để tạo một hộp kiểm có Chiều rộng & Chiều cao là 16px?
Liên kết đầu tiên dành riêng cho các biểu mẫu Wufoo. Và cần lưu ý rằng một số trình duyệt (Explorer nhỏ hơn 9) sẽ không thể sử dụng các kỹ thuật trong liên kết thứ hai của bạn. – Sparky
Tôi cho rằng chúng tôi không thể sử dụng các từ CSS hiện đại và IE cùng nhau :) và wufoo vẫn tạo HTML bao gồm các phần tử hộp kiểm để kỹ thuật này áp dụng bất kể. –
Chỉ nghĩ rằng tôi sẽ chỉ ra nó nếu nó không được rõ ràng cho bất cứ ai. – Sparky
Bạn có thể vô hiệu hóa sự xuất hiện hộp kiểm mặc định với xuất hiện tài sản trong css và sau đó tạo kiểu cho nó bất kỳ cách nào bạn thích với đường viền, background-hình ảnh và vv:
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance: none;
Để tạo kiểu di chuột và trạng thái đã chọn, hãy sử dụng:: hover,: checked và: hover: pseudoclasses đã được kiểm tra.
Một cách khác là sử dụng chuyển tài sản để phóng to nó:
-webkit-transform: scale(1.6,1.6);
-moz-transform: scale(1.6,1.6);
-o-transform: scale(1.6,1.6);
tinh khiết CSS: 'input [type = checkbox] {width: 16px; height: 16px} ' –