0

我很困惑。

使用以下代码：

<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 中测试应用程序。我的问题 - 是否可以删除复选框周围的空格？

4

4 回答 4

2

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

.checkbox_format
{
        margin:0 !important;
        display: block;
        border: 1px solid black;    
}
于 2012-12-06T13:14:36.213 回答
0

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

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

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

于 2012-12-06T13:06:16.873 回答
0

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

您最好的选择是添加一条规则，从复选框中删除边距和填充。

.checkbox_format
{
    border: 1px solid black;    
    margin:0; padding:0;
}
于 2012-12-06T13:08:51.047 回答
0

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

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

希望它可以帮助别人！

于 2013-12-11T04:29:36.677 回答