Question

我使用css修改了asp.net checkboxlist。它使用display：none隐藏输入，我可以在Firefox中单击标签和casue回发，但在IE中，当我单击复选框列表中的标签时，它不起作用。这可能有什么问题？

我的代码：

<div style="padding-left:15px;">
 <asp:CheckBoxList ID="cbl" runat="server" AutoPostBack="true"
      RepeatLayout="flow" CssClass="cb"   
      OnSelectedIndexChanged="cblD_OnSelectedIndexChange">                                
</asp:CheckBoxList>

的CSS：

.cb input
{
  display:none;   
}

.cb label
{
  font-size:80%;
  background: #fff url(../images/x.gif) no-repeat;  
  display:block;
  width: 300px;
  height: 15px;
  padding: 1px 5px 0 30px;
}

Answer 1

不可见元素不会触发IE中的事件。一个更好的方法是使用javascript来引发回发而不是使用隐藏元素。如果你真的想要发挥创意你可以甩掉ajax :)（只是不要使用.NET ajax ......）

Answer 2

快速而非最佳修复：我改变了我的CSS，以便输入将有-150px的边距，这样我就不必隐藏输入并实现我想要的东西

CheckboxList输入在IE7 / 6中不起作用

2 个答案: