我无法摆脱这个表格边框。
初始 HTML/CSS 来自 ASP.NET MVC 默认值。
我删除了很多代码并在顶部添加了一个表格。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>@ViewBag.Title</title>
<link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />
<script src="@Url.Content("~/Scripts/jquery-1.5.1.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/modernizr-1.7.min.js")" type="text/javascript"></script>
</head>
<body>
<div class="page">
<table border=0 width=1000 style="border-collapse:collapse;" cellspacing="0" cellpadding="0">
<tr>
<td rowspan=2>
<img src="/Content/Images/elk_banner.jpg" />
</td>
<td>
<div id="logindisplay">
@Html.Partial("_LogOnPartial")
</div>
</td>
</tr>
</table>
<section id="main">
@RenderBody()
</section>
<footer>
</footer>
</div>
</body>
</html>
我试过注释掉所有的 CSS，但我无法摆脱它。
我唯一的猜测是其中一个神秘的 .js 文件正在干扰它。或者这些异国情调的 HTML 容器之一正在做这件事。
有什么猜测吗？我用谷歌搜索了一下，但无济于事。我想这是我忽略的小东西。
最佳答案
尝试为您的表提供一个 ID，然后使用 !important 在 CSS 中将 border 设置为 none。如果 JavaScript 正在篡改您的表格，那么应该可以绕过它。
<table id="mytable"
...
table#mytable,
table#mytable td
{
border: none !important;
}
关于html - 删除表格边框，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/6290081/