如何避免此HTML表格上的交替行顏色？

Question

我使用<table>標記將某些文本格式化爲行和列，但我不希望這些行交替顯示顏色。出於某種原因，這是自動發生的，我不知道如何關閉它。

這裏是我的HTML：

<table class="homepage" summary "list of dplans"> 
<div class="options"> 
    <ul> 
     <% @dplans.each do |dplan| %> 
     <tr class ='' "list"> 
      <td class="button"><%='' link_to dplan.name, dplan %></td> 
      <td class="button"> 
       <%='' link_to "edit name", edit_dplan_path(dplan)%> 
      </td> 
      <td class="button"><%='' link_to "delete", '#'%></td> 
     </tr> 
     <% end %> 
    </ul> 
</div> 
</table> 

這裏是我的CSS：

所有的

td.button { 
    font-size: 16px; 
    list-style: none; 
} 

Answer 1

首先，嵌套在<div>標籤作爲一個孩子的<table>。這是錯誤的。允許這種情況的唯一標籤<tr>，<th>，<tbody>等..

<table class="homepage" summary "List of dplans"> 
        <% @dplans.each do |dplan| %> 
        <tr class = "list"> 
         <td class="button"><%= link_to dplan.name, dplan %></td> 
         <td class="button"><%= link_to "Edit name", edit_dplan_path(dplan)%></td> 
         <td class="button"><%= link_to "Delete", '#'%></td> 
        </tr> 
        <% end %> 
</table> 

看看這有助於

Answer 2

我不認爲標籤在默認情況下任何樣式，所以機會是有一些其他CSS導致這一點。解決這個問題的最好方法是看看像firebug這樣的開發人員工具，它可以準確地告訴你背景顏色的設置。

如果你只是想覆蓋它，你可以嘗試這樣的：

td { 
    background:none; 
}