c# - ASP.NET MVC 4 应用程序中的 CSS 问题

Question

我使用 Telerik Report Designer 创建了 Report。然后我将这些报告集成到我的 MVC 4 应用程序中，一切正常，

我关注了this Telerik Tutorial

也在下面的代码片段中发表了评论(在 Site.CSS 文件中)

 input, textarea {
 border: 1px solid #e2e2e2;
 background: #fff;
 color: #333;
 font-size: 1.2em;
 margin: 5px 0 6px 0;
 padding: 5px;
 width: 300px;
}

 table {
 border-collapse: collapse;
 border-spacing: 0;
 margin-top: 0.75em;
 border: 0 none;
}
td {
 padding: 0.25em 2em 0.25em 0em;
 border: 0 none;
}

但是我遇到了如下图所示的 CSS 问题。

非常感谢任何建议，

Answer 1

我认为来自 MVC 元素的 site.css 与 telerik 报告混淆了。首先，尝试完全删除 site.css。如果这修复了报告，请尝试执行以下操作:

带回 site.css；

将报告放在自己的容器中(即 <div class="report"></div> )

将其放在 site.css 的末尾:

.report input, .report textarea
{
   width: initial;
   margin: initial;
   <..>
}

换句话说，尝试从报表容器中重置 CSS；