风格不适用于此表

时间:2012-09-30 16:14:48

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

我暂时忽略了这一点,现在只关注工作部分。但现在我更关心这一部分并且它不会消失

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

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

2 个答案:

答案 0 :(得分:4)

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

如果您想躲避CSS文件,可以设置CSS内联。尝试其中一些:

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

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

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

答案 1 :(得分:0)

它将是

style="border:none;"

如果有的话 - 用分号。

删除边框

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