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

我认为默认情况下标签没有任何样式，所以很可能是其他一些 CSS 导致了这种情况。解决这个问题的最好方法是查看像 firebug 这样的开发人员工具。 ，它可以准确地告诉您设置背景颜色的位置。

如果你只是想覆盖它，你可以尝试这样的事情:

td {
    background:none;
}