複選框周圍的空格

下面的代碼：

<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中的應用程序。我的問題 - 是否可以刪除複選框周圍的空格？

來源

2012-12-06 Bulat Makhmutov

嘗試TU提出，在一個線，如：

<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-06 13:06:16

我不明白如何在一條線上解決問題。你在開玩笑？ –

你有沒有試過？因爲我不是在開玩笑，那可以解決這個問題 –

我之前解決了類似的問題，我不知道瀏覽器的行爲如何，特別是IE瀏覽器的行爲如何，但如果作品對我有好處 –

複選框是出了名的難風格。瀏覽器往往對每個複選框周圍應該有多少空間有不同的看法。

最好的辦法是在複選框中添加一條刪除邊距和填充的規則。

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

來源

2012-12-06 13:08:51 Sean

試試這個CSS。希望這會有所幫助。

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

來源

2012-12-06 13:14:36

測試失敗！ –

當我試用它時它工作正常嗎？或者你也可以嘗試從''元素中刪除填充和邊距？ –

這是一歲多，但我有同樣的問題，並試圖解決它。問題是，asp.net複選框被包含在一個span中，當它在html中實現時，它不會正確地傳播樣式。我的解決方案是使用：

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

希望它可以幫助別人！

來源

2013-12-11 04:29:36 Samuel

複選框周圍的空格

回答

相關問題