製作複選框大小

Question

我正在嘗試使複選框的大小更大。常規尺寸太小

Answer 1

您可以利用圖像來改變複選框的樣式。

您還可以使用以下在Chrome中經過測試的CSS。但是，這不會工作在Firefox：

input[type='checkbox'] { 
    width: 4em; 
    height: 4em; 
} 

對於演示，請訪問：http://www.456bereastreet.com/lab/styling-form-controls-revisited/checkbox/

Answer 2

這是很難實現，如果你想保持跨瀏覽器的兼容性。

您可能需要考慮一個輸入替換插件，例如這個插件。

http://blogs.digitss.com/javascript/jquery-javascript/jquery-fancy-custom-radio-and-checkbox/

Answer 3

嘗試CSS '變換'

input[type=checkbox] { 
    -ms-transform: scale(2); 
    -moz-transform: scale(2); 
    -webkit-transform: scale(2); 
    -o-transform: scale(2); 
    transform: scale(2); } 

但它不會在IE8工作。 http://www.w3schools.com/cssref/css3_pr_transform.asp