如何避免此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; 
}