我想上几页我复选框的规模扩大一倍。 我如何在CSS中发生的呢？ 我不想样式悬停。
想法？
Answer 1:
你总是可以使用复选框的黑客攻击，使自己的复选框。 这允许更多的跨浏览器兼容的解决方案。
我做了一个快速演示在这里 ，很明显，你就一定得打勾，不是我得到了一个透明的PNG。
input[type=checkbox]:checked ~ div label{
background: url(http://ramyasspace.files.wordpress.com/2011/06/tick.jpg);
background-size: 100%;
}
input { display: none; } label input[type=checkbox] ~ span { display: inline-block; vertical-align: middle; cursor: pointer; background: #fff; border: 1px solid #888; padding: 1px; height: 20px; width: 20px; } label input[type=checkbox]:checked ~ span { /* image: Picol.org, cc-by 3.0, https://commons.wikimedia.org/wiki/File:Accept_Picol_icon.svg */ background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path d="M14 18L26 6l4 4-16 16L4 16l4-4z"/></svg>'); background-size: 100%; } <label> Click me: <input type="checkbox" /> <span></span> </label> Answer 2:
要翻一番复选框的大小，你可以使用CSS scale属性。 的（2,2）是指2倍的宽度和原始的2倍的高度，但是这将是相当大的。
input[type="checkbox"] {
transform:scale(2, 2);
}
您还可以使用十进制值，只是稍微大一点的复选框。
input[type="checkbox"] {
transform:scale(1.3, 1.3);
}
Answer 3:
造型复选框是有风险的业务。 它的似乎永远不会与所有浏览器的一致性的事情之一。
或者你可以尝试
style="zoom:1.2"
jQuery提供了一个插件上做复选框更换
Answer 4:
这工作。 它采用相对大小所以它与您当前的缩放字体大小。
input[type="checkbox"] {
width: 1.2em;
height: 1.2em;
}
您可能需要调整，虽然你的利润。
Answer 5:
我认为你能做的最好是给它一个更大的字体大小。 从那里，它是由浏览器如何处理它，除非你做的是控制一个隐藏的复选框，一个模拟div元素。 它不会将其放大太多。
input[type="checkbox"] {
font-size: 50px;
}
Answer 6:
造型复选框的是一个非常奇怪的世界全关跨浏览器的问题。 更多信息可以在这里找到http://www.456bereastreet.com/lab/form_controls/checkboxes/您也可以创建自己的JavaScript，但这不是很大的用户可访问性。
因此，我将托盘中尽可能避免发生着变化。
Answer 7:
只需添加背景图像复选框。 并根据自己的喜好调整大小。
当它的下面检查自动代码添加背景，尺寸保持与未选中状态相同。
无需指定，如：
input[type=checkbox]:checked
要么
input[type=checkbox]:checked ~ div label
对于前，所有复选框 ：
input[type="checkbox"]{
background: url('http://refundfx.com.au/uploads/image/checkbox_full.png');
background-size: 20px;
background-repeat: no-repeat;
width: 20px;
height: 20px;
margin: 0;
}
见小提琴这里 。
Answer 8:
我已经使用这个库sucess
http://plugins.krajee.com/checkbox-x
它需要jQuery和引导3.X
这里下载zip： https://github.com/kartik-v/bootstrap-checkbox-x/zipball/master
把压缩的内容的文件夹在你的项目中
弹出所需的库在你的头
<link href="http://netdna.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet">
<link href="path/to/css/checkbox-x.min.css" media="all" rel="stylesheet" type="text/css" />
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.12.3/jquery.min.js"></script>
<script src="path/to/js/checkbox-x.min.js" type="text/javascript"></script>
数据控件添加到元件使用数据大小=“XL”改变大小如下所示http://plugins.krajee.com/cbx-sizes-demo
<label for="element_id">CheckME</label>
<input type="checkbox" name="my_element" id="element_id" value="1" data-toggle="checkbox-x" data-three-state="false" data-size="xl"/>
还有还有，如果你浏览插件网站许多其他功能。
Answer 9:
或者干脆用高度和宽度喜欢这种风格的吧：
<input style="height: 26px; width:26px; margin-left:-30px" value="" type="checkbox">
PS。 我曾与引导以及“复选框内联”类中使用此
文章来源: Create CSS to enlarge checkboxes
