当前位置: 代码迷 >> Java Web开发 >> Jsp中怎么使checkbox变大
  详细解决方案

Jsp中怎么使checkbox变大

热度:4839   发布时间:2016-04-10 22:48:47.0
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>
  相关解决方案