使复选框更大

Question

我正试图让复选框更大。常规尺寸太小

Answer 1

尝试使用CSS＆＃39;转换＆＃39;

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

Answer 2

您可以使用图像来更改复选框的样式。

您还可以使用已在Chrome中测试过的以下CSS。但这在Firefox中不起作用：

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

进行演示访问：http://www.456bereastreet.com/lab/styling-form-controls-revisited/checkbox/

Answer 3

如果您想保持跨浏览器的兼容性，这很难实现。

您可能需要考虑输入替换插件，例如此插件。

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