样式不适用于此表答案

【问题标题】：Style not working on this table样式不适用于此表
【发布时间】：2012-10-01 05:12:23
【问题描述】：

我暂时忽略了这一点，只是为了专注于工作部分。但现在我更关心这部分，它不会消失

<table cellspacing="0" cellpadding="0" style="border:none">
    <tr>
            <td class="editor-label" width="140px">
                @Html.LabelFor(model => model.UserName)
            </td>
            <td class="editor-field">
                @Html.DisplayFor(model => model.UserName)
            </td>
    </tr>
    ....

</table>

如您所见，我删除了 cellpadding、cellspacing，添加了border=none，但这些都没有修复它。为什么这个表对css没有响应？

行线不会消失。我想删除这些线条。

我还删除了td 上的所有类属性，但这仍然不起作用

更新

我在 Style.css 中删除了它并且它起作用了。 但为什么我不能使用内联样式来覆盖样式表设置？

table td {
    padding: 5px;
    border: solid 1px #e8eef4;
}

现在我将拥有自己的风格。为什么假设每个表都必须有行？

【问题讨论】：

在您的<table> 中，应该是cellspacing。看来你打错了。 :)
您的css 是通过link 加载的吗？
我们需要查看生成的 HTML 和/或 CSS 以确定发生了什么。计算结果只是有点帮助。
我已经看到了这个问题，它在 style.css 文件中
尝试<table cellspacing="0" cellpadding="0" border='0'> 并从td 中删除所有类。

标签： html css asp.net-mvc-3

【解决方案1】：

您的 CSS 中的某些内容正在设置您的 tds 上的 border 属性或 table 上的 border-collapse 属性。如果没有在某处粘贴 CSS 和 HTML，很难确定问题出在哪里。

如果您想避开 CSS 文件，可以设置 CSS 内联。尝试其中一些：

<table style="border-collapse: collapse !important; border-spacing: 0 !important;">

或

<td style="border: 0 !important;">

!important 关键字将覆盖在外部样式表中设置的任何内容。

【讨论】：

【解决方案2】：

应该是

style="border:none;"

如果有的话 - 用分号。

去除边框

table{
      border-collapse: collapse;
      border-spacing: 0;
}

【讨论】：

如果只有一种样式，分号不需要。
@sporkbox，是的，但在这种情况下不是问题。