Asp.net 复选框周围的空格

Asp.net 复选框周围的空格,asp.net,html,css,Asp.net,Html,Css,我很困惑 使用以下代码: <div> <table class="filter_component_css"> <tr> <td>purchase order</td> <td><asp:TextBox CssClass="search_format" ID="po_textbox" runat="server"></asp:TextBox><

我很困惑

使用以下代码:

<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>
在结果中,我看到复选框周围有空格。 我正在IE7中测试应用程序。
我的问题-是否可以删除复选框周围的空格?

尝试将其放在一行,如:

<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>


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

复选框是出了名的难以设计。浏览器往往对每个复选框周围应该有多少空间有不同的想法

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

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

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

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

这已经一年多了,但我也遇到了同样的问题,并试图解决它。问题是,当asp.net复选框在html中实现时,它被封闭在一个范围内,而html没有正确传播样式。我的解决方案是使用:

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

希望它能帮助别人

我不明白怎样用一条线就能解决这个问题。你在开玩笑吗?你试过了吗?因为我不是在开玩笑,那可以解决这个问题我在做之前解决了一个类似的问题,我也不知道浏览器的行为如何,特别是IE浏览器的行为如何,但是如果工作对我有好处的话,当我试过它时,它工作得很好?或者您也可以尝试从
元素中删除填充和边距?
.checkbox_format input
{
    border: 1px solid black;    
    margin:0; padding:0;
}