Question

我很困惑。

使用以下代码：

<div>
   <table class="filter_component_css">
      <tr>
         <td>purchase order</td>
         <td><asp:TextBox CssClass="search_format" ID="po_textbox" runat="server"></asp:TextBox></td>
      </tr>
      <tr>
         <td>material desc</td>
         <td><asp:TextBox CssClass="search_format" ID="material_desc_textbox" runat="server"></asp:TextBox></td>
      </tr>
      <tr>
          <td>supplier</td>
          <td><asp:TextBox CssClass="search_format" ID="supplier_textbox" runat="server"></asp:TextBox></td>
      </tr>
      <tr>
          <td>manufacturer</td>
          <td><asp:TextBox CssClass="search_format" ID="manufacturer_textbox" runat="server"></asp:TextBox></td>
      </tr>

       <tr>
          <td>special tools</td>              
          <td><asp:Checkbox CssClass="checkbox_format" ID="tools_checkbox" runat="server"/></td>
      </tr>


      <tr>
            <td colspan="2">
                <asp:Button ID="buttonReset" runat="server" Text="Reset" OnClick="submitResetClick"/>
                <asp:Button ID="buttonSearch" runat="server" Text="Search" OnClick="submitSearchClick"/>
            </td>
      </tr>

    </table>
</div>

和CSS类：

.checkbox_format
{
        border: 1px solid black;    
}

在结果中，我看到复选框周围的空格。我在IE7中测试应用程序。我的问题 - 是否可以删除复选框周围的空格？

Answer 1

试试这个css。希望这会有所帮助。

.checkbox_format
{
        margin:0 !important;
        display: block;
        border: 1px solid black;    
}

Answer 2

尝试将其放在一行中，例如：

<tr><td colspan="2"><asp:Button ID="buttonReset" runat="server" Text="Reset" OnClick="submitResetClick"/><asp:Button ID="buttonSearch" runat="server" Text="Search" OnClick="submitSearchClick"/></td></tr>

如果我还不错，那就解决了这个问题

Answer 3

众所周知，复选框很难打造。浏览器往往对每个复选框周围应该有多少空间有不同的想法。

最好的办法是添加一个规则，从复选框中删除边距和填充。

.checkbox_format
{
    border: 1px solid black;    
    margin:0; padding:0;
}

Answer 4

这已经超过一年了，但我遇到了同样的问题并试图解决它。问题是当在html中实现时，asp.net复选框被包含在一个span中，而html没有正确地传播样式。我的解决方案是使用：

.checkbox_format input
{
    border: 1px solid black;    
    margin:0; padding:0;
}

希望它可以帮助别人！

复选框周围的空格

4 个答案: