ASP.NET MVC 4 应用程序中的 CSS 问题答案

【问题标题】：CSS Issue in ASP.NET MVC 4 ApplicationASP.NET MVC 4 应用程序中的 CSS 问题
【发布时间】：2014-12-03 10:45:54
【问题描述】：

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

在 sn-p 下方也有评论（在 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 问题。

任何建议高度赞赏，

【问题讨论】：

标签： c# css asp.net-mvc-4 telerik telerik-reporting

【解决方案1】：

我认为 MVC 项目中的 site.css 与 Telerik 报告混淆了。首先，尝试完全删除 site.css。如果这样可以修复报告，请尝试执行以下操作：

带回 site.css；

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

把这个放在site.css的最后：

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

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

【讨论】：

【解决方案2】：

我遇到过类似的问题，即浏览器内的报告未对齐。事实证明，我使用的 JS 和 CSS 文件版本比我使用的 Telerik Reporting 版本旧。 Telerik Reporting 的每个版本都有这些文件的更新版本。所以只需验证它不是版本不匹配。

【讨论】：