html - 将 css 样式应用于 html 帮助程序

Question

我有一个带有 razor View 引擎的 Asp.net 应用程序

我想在 Html.ActionLink 中应用一个 css 样式。所以我试图改变这个:

 <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Espace propriétaire du terrain <span class="caret"></span></a>

为此

 @Html.ActionLink("Espace propriétaire du terrain ", "About", "Home",null, new {  @style="class:dropdown-toggle;data-toggle:dropdown; role:button; aria-expanded:false" })

但是没有应用样式，我将其作为源 html 代码获取

<a href="/Home/About" style="class:dropdown-toggle;data-toggle:dropdown; role:button; aria-expanded:false">Espace propriétaire du terrain </a>

所以我需要知道:

1. 为什么会这样？
2. 如何修复我的代码？

Answer 1

在您的匿名新{}对象中将您的 HTML 属性指定为多个值:

@Html.ActionLink("Espace propriétaire du terrain ", "About", "Home",null, new {  @class="dropdown", data_toggle="dropdown", role="button", aria_expanded = "false" })

在您的示例中，当您希望在生成的 HTML 标记中包含多个属性时，您只是为 style 属性添加和设置值。

注意:

• 助手会自动将您的下划线更改为破折号属性名称。

• @ 符号应该放在与 C# 中的保留字完全匹配的匿名对象。