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

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

2 个答案: