【问题标题】: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 的呈现

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2023-03-17
      • 2011-07-13
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2016-07-09
      相关资源
      最近更新 更多