时间戳

首页 > 解决方案 > CSHTML Razor @Html.NavItem 内联 CSS 样式

razor - CSHTML Razor @Html.NavItem 内联 CSS 样式

问题描述

我试图避免编写 CSS 类并为@HTML.NavItem内联指定样式并寻找一种方法来做到这一点。

@Html.NavItem("Card", "Cards", "Card", new { @class = "left-menu-item"})

我想添加display:none到这个导航项。在网上找不到任何帮助。

标签： razor

解决方案

内联样式的语法本质上只是向生成的 HTML 元素添加另一个属性，就像class您现在添加的属性一样。所以你有这个：

@Html.NavItem("Card", "Cards", "Card", new { @class = "left-menu-item"})

你会这样做：

@Html.NavItem("Card", "Cards", "Card", new { @class = "left-menu-item", style = "display: none;"})

中的匿名对象new { }可以包含您喜欢的任何内容，其属性将成为生成的 HTML 元素的属性。（唯一的原因是因为在 C#中class已经是一个保留字。这个语法告诉 C# 这是一个标识符而不是关键字。）@class@

推荐阅读