2012-06-28 148 views
2

如果我有以下剃刀,它會以粗體顯示Counter。我如何獲得它顯示它不粗體?MVC剃刀顯示標籤

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

您是否在CSS文件中檢查「display-label」類的規則? –

+2

檢查樣式表中的「顯示標籤」類,並刪除任何會導致文本爲粗體的CSS。沒有更多的HTML,我不知道你是否錯過了關閉標籤或什麼。 – jsmith

回答

1

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

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

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

1

根據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助手的呈現方式