星期六, 2018-06-09 15:54 — adminshiping1

有的时候，需要使用复选框，但是复选框有时候默认的太小，这时候就需要加大复选框，网上搜了很多，都没有直接的解决方法，

一种是采用div 扩大点击范围或者是采用图片替代。

直到看到下面一篇介绍，使用了下，才可以达到我想要的效果，试了下ie和谷歌都支持。

参考

其实就是zoom属性，这个是放大的意思，可以设置为180%，这样就会比之前大很多。

复选框如何设置大小 30

<input type="checkbox" name="checkbox" value="checkbox">
这个复选框如何能设置它的大小
也就是说，预览时，让它小一些

zxyyn | 浏览 35455 次 |举报

我有更好的答案

推荐于2016-01-03 04:43:31最佳答案

html5设置复选框的宽度和高度一般是结合CSS3来设置的，

1

2

3

4

5

6

7

<button type="checkbox">Click Me!</button>
<style>
checkbox{
width:100px;
height:100px;
}
</style>

这样宽高就设置好了。

普通分类:

You are here