C# 大小复选框

是否可以使复选框变大？到目前为止，我读到的消息说这几乎是不可能的

我试过Cssclasses，但也没用。我不想作弊和使用文本框

如何使复选框变大？

是的，如下所示：

input.largerCheckbox
{
宽度：30px；
高度：30px；
}

这适用于IE、Firefox和Chrome（2.0.172.43），但不适用于Safari和Opera

如果您的目标只是使复选框的可单击区域变大，则可以使用标签：

<asp:CheckBox runat="server" ID="foo" />
<asp:Label runat="server" AssociatedControlID="foo">Click me</asp:Label>

点击我

---

这将在单击标签时切换复选框。

请考虑复选框是标准表单元素，用户通常知道如何与它们交互。更改它们（通过使它们变大、样式或其他方式）会破坏这种常见的学习行为，并可能导致用户错误地填写表单

更不用说，正如你所发现的，这是一个痛苦的屁股

---

如果您试图提供一个允许用户检查的较大区域，请考虑使用<代码> <代码>元素，这将允许复选框的支持文本充当触发器。

不允许某些浏览器对呈现复选框或单选按钮的情况做出很大的改变（或在某些情况下，任何事情），而且在任何情况下，浏览器之间都是不一致的。你最好用一种行为来代替

---

有很多这样的。如果使用jQuery，可能需要用JavaScript交换一个图像，并在提交时隐藏一个字段

这是一个非常原始（未经测试）的例子，但它只是给你一个想法。如果你要做一个复选框列表，那么你必须对隐藏字段中存储的值有兴趣，比如在JavaScript中维护一个数组，并用一个连接的列表更新隐藏字段

<img src="checked.gif" onclick="toggle()" id="imgCheck"/>
<input type="hidden" id="hdnValue" value="true"/>
<script>
function toggle() {
   var hdnValue = document.getElementById('hdnValue');
   var imgCheck = document.getElementById('imgCheck');
   if(hdnValue.value == 'true') {
      hdnValue.value = 'false';
      imgCheck.src = 'unchecked.gif';
   }else{
      hdnValue.value = 'true';
      imgCheck.src = 'checked.gif';
   }
}
</script>

函数切换（）{
var hdnValue=document.getElementById（'hdnValue'）；
var imgCheck=document.getElementById（'imgCheck'）；
如果（hdnValue.value=='true'）{
hdnValue.value='false'；
imgCheck.src='unchecked.gif'；
}否则{
hdnValue.value='true'；
imgCheck.src='checked.gif'；
}
}

---

希望能有所帮助。

我没有在每个浏览器上都测试过，但我发现checkbox控件呈现为span标记，span中是checkbox

因此，即使将cssclass或样式应用于asp:复选框，它实际上也会应用于范围，而不是复选框

所以，我发现这对我来说很有效：

<input type="checkbox" class="largerCheckbox" name="checkBox">
<style type="text/css">
    .largerCheckbox input{    
         width: 30px;    
         height: 30px;
    }
</style>

.largerCheckbox输入{
宽度：30px；
高度：30px；
}

---

这与其他用户发布的内容类似，但会导致样式应用于复选框，而不是其包含范围。

在asp.net中，复选框将变为带有“checkbox”类型输入的范围

为了调整其大小，只需将css类应用于asp.net复选框并将其添加到样式表中即可。样式必须应用于复选框的嵌入输入，如下所示：

---

.ChkBoxClass输入{width:25px；height:25px；}

刚刚在IE、Firefox和Chrome中测试过，根本不起作用。。。它只是在复选框周围添加了填充。这只会使我的可点击区域变大。不会影响到该设备的物理尺寸textbox@blesh：哈，真的吗？我刚刚在IE6、FF2和Chrome2中进行了测试，效果非常好。我想你是在窗户上吧？奇怪…@Eric:等等，你指的是什么文本框？演示中只有一个复选框。Vista，是的。刚刚在Windows 2003和Windows XP上测试。。。它确实在那里起作用。lol…ASP.NET（Web表单）在使用复选框控件时呈现标签，如下所示：一些说明。有了复选框和标签clickable exploit's Law，这是一件好事。我很确定这是事实，但我绝不是一个ASP.NET的家伙。这并不能回答问题。这可能是一个正确的观点，但不能回答问题。

<input type="checkbox" class="largerCheckbox" name="checkBox">
<style type="text/css">
    .largerCheckbox input{    
         width: 30px;    
         height: 30px;
    }
</style>