MVC剃刀顯示標籤

Question

如果我有以下剃刀，它會以粗體顯示Counter。我如何獲得它顯示它不粗體？

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

Answer 1

如果你不想改變你的顯示標籤的CSS類，則可以覆蓋風格的行內，像這樣：

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

它可能會更好，雖然改變它在CSS文件，如果你想要所有的顯示標籤不要粗體。

Answer 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 helper生成的標籤的粗體來自Site.css中的「label」風格，默認情況下是{display：block; font-size：1.2 em; font-weight：600;}更改此樣式以更改HTML.label和html.labelfor助手的呈現方式