MVC Razor 显示标签答案

【问题标题】：MVC Razor display-labelMVC Razor 显示标签
【发布时间】：2012-06-28 14:56:52
【问题描述】：

如果我有以下 Razor，它会以粗体显示 Counter。如何让它不显示粗体？

    <div class="display-label">Counter:</div>

【问题讨论】：

您是否检查了 CSS 文件中“display-label”类的规则？
检查“display-label”类的样式表并删除任何会导致文本变为粗体的css。如果没有更多的 HTML，我无法判断您是否错过了关闭标签或什么。

标签： css razor

【解决方案1】：

如果您不想更改 display-label css 类，可以覆盖内联样式，如下所示：

<div class="display-label" style="font-weight: normal">Counter:</div>

如果您希望所有显示标签不为粗体，最好在 css 文件中更改它。

【讨论】：

【解决方案2】：

根据http://forums.asp.net/t/1900287.aspx?Where+are+the+CSS+classes+generated+in+the+views+by+the+MVC+4+project+template+in+VS+2012+，这些 CSS 类只是 MVC 4 Razor 中的占位符。我知道它们不存在于自动生成的 Site.css 文件中。要使用这些类来表征这些 div，您需要创建具有这些名称和标准的类。 labelfor 和 label html 助手生成的标签的粗体来自 Site.css 中的“label”样式，默认为 {display : block;字体大小：1.2 em； font-weight : 600;} 更改此样式以更改 html.label 和 html.labelfor helpers 的呈现

【讨论】：