Jsp中怎么使checkbox变大_Java Web开发

Jsp中如何使checkbox变大

<!DOCTYPE html>
<html>
  <head>
    <title>test.html</title>
	
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
<style type="text/css">
.checkbox {
width: 19px;
 height: 40px;
 padding: 0 5px 0 0;
 background: url(checkbox.png) no-repeat;
 display: block;
 clear: left;
 float: left;
}
</style>
  </head>
  
  <body>
    <input type="checkbox" name="checkbox" value="checkbox" class="checkbox"/>
  </body>
</html>

这个只在html中IE中有用，到jsp就看不到效果。求教就是jsp中怎么使checkbox点大，详细一点
------解决方案--------------------
style="zoom:180%;" 比例越大checkbox就大 100%为正常
------解决方案--------------------
<input type="checkbox" style= "height:50px;width:120px"/>
根据需求自己改数据
------解决方案--------------------

引用:

style="zoom:180%;" 比例越大checkbox就大 100%为正常

这种方法应该行，如果不行的话建议

使用JavaScript模拟一个checkbox，用个图片，响应个事件。单纯使用js，兼容性也没问题。
------解决方案--------------------
不可以，自己做个状态选中和未选中的图，用js在checkbox外添加框框，，，而且将原来checkbox隐藏掉。。。
我是这样做的：
未选中：
<div class="checker">
    <span>
       <input type="checkbox" name="checkbox" value="checkbox" class="checkbox"/>
    </span>
</div>
选中：
<div class="checker">
    <span class="checked">
       <input type="checkbox" name="checkbox" value="checkbox" class="checkbox"/>
    </span>
</div>